个人介绍
主要技能:css,js,vue,unia***
主要ui框架:pc端element-ui,移动端 uview,vant
精通css/html,熟练掌握html5/css3新特性
精通前端自适应:熟练使用less/scss预编译语言进行css搭建页面 Pc端,精通百分比布局和flex布局以及媒体查询实现页面的自适应,移动端使用rpx实现自适应
精通es5和es6
精通Vue以及其全家桶及其ui框架 element ui和vant
熟练使用ajax实现前后台交互,以及他的插件 axios,
熟练掌握主线程宏任务微任务
熟练使用layui 实现pc页面的快速搭建
熟练使用echarts实现可视化图表的展示
熟练使用webpack实现项目的打包配置
能够使用axios封装全局请求函数实现前后台数据交互。
熟练使用uniapp,能够使用uinapp实现***,钉钉小程序,安卓的跨平台开发。
能***开发文档,实现相关功能
熟练使***
熟练git,svn实现代码管理,能够使用jtortoisegit或者tortoisesvn实现项目协同开发
工作经历
2021-07-07 -至今上海摩莱信息科技有限公司web前端
在公司职责主要有三大块 1,开发公司新项目, (1)从项目立项到后期维护,参与项目初步原型讨论会,从前端的角度给与产品经理一些建议, (2)搭建项目环境,封装全局组件 (3)ui设计图出来之后,还原设计图 (4)设计图完成之后,同后台对接接口 (5)项目优化,解决测试反馈的若干bug (6)修改用户反馈的问题或着用户体验后新提出的新的需求 2,维护公司老项目 (1)公司的项目需求变更,需要完善 (2)解决其它成员在开发过程中遗留的隐藏的bug 3,为公司其它成员解决前端bug (1)公司除了我之外,还有实习生,其它前端,还有全栈,我需要在他们出现前端问题的时候,快速的理解他的需求,分析bug产生的原因,并解决
2020-07-01 -2021-07-07江苏鑫亿软件前端
在公司职责主要有三大块 1,开发公司新项目, (1)从项目立项到后期维护,参与项目初步原型讨论会,从前端的角度给与产品经理一些建议, (2)ui设计图出来之后,还原设计图 (3)设计图完成之后,同后台对接接口 (4)项目优化,解决测试反馈的若干bug (5)修改用户反馈的问题或着用户体验后新提出的新的需求 2,维护公司老项目 (1)公司的项目需求变更,需要完善 (2)解决其它成员在开发过程中遗留的隐藏的bug 3,为公司其它成员解决前端bug (1)公司除了我之外,还有实习生,其它前端,还有全栈,我需要在他们出现前端问题的时候,快速的理解他的需求,分析bug产生的原因,并解决
2017-06-08 -2020-06-07常州涅槃重生网络科技有限公司前端
与项目经理,后台开发工程师,ui探讨分析,给出最优的项目方案 拿到ui的设计图,用html和css将页面还原,并用js和css3实现相关特效 拿到后端的接口文档,调用接口实现数据的渲染 测试代码是否有问题,然后由专门的测试人员再测试,如果测试人员发现问题,我再修改 项目上线时,解决前端部分在线上出现的bug
教育经历
2014-09-01 - 2017-07-03常州机电职业技术学院机械制造及其自动化专科
在常州机电职业技术学院,就读 三年 期间学习机械知识 并且 自学计算机知识
技能
1,使用了axios实现前后台数据的交互,并结合promise封装了全局的请求数据的文件 2,使用了subpackage实现了分包的加载以及preload实现预加载的功能 3,使用了less 实现了css的预编译处理,使用了flex布局实现了页面的排版 4,使用了uni.navigateTo,uni.redirectTo,uni.switchTab等实现页面的跳转 5,使用了vuex实现了数据的管理,使用了modules实现了vuex数据的模块化处理,使用了mapState,mapActions等语法糖,,使用了window.beforeunload解决页面刷新数据丢失的问题 6,使用uni.setStorage,uni.getStorage实现数据的缓存处理等 7,使用uview实现页面的快速搭建使用form实现表单功能的快速搭建(field输入框,switch开关,picker选择器,upload上传等),toast消息提示,popup弹出层,swipeAction滑动删除功能等,modal模态框,swiper轮播图,等等 8,使用了vue的transition以及*小程序的animation实现了删除元素的动画效果 9,使用了live-pusher实现了人脸识别功能等, 10,使用了async和await实现数据的异步请求 11,使用vue的插槽进行组件的封装 12,使用$emit,$on,$off实现全局事件的发送、监听以及卸载
1,使用了wx.requrest实现数据的请求 2,使用view text 进行页面的基本搭建 3,使用swiper 以及swiper-item实现轮播图功能 4,使用this.setData({})实现数据的响应 5,使用表单组件实现表单数据的提交 6,使用video组件实现视频的播放 7,使用vant weapp实现文件的上传 8,使用triggerEvent实现组件的子组件到父组件的传参 9,再components里封装全局组件 10,使用app.globalData实现数据的全局共享 11,使用wx.navigateTo以及wx.switchTab 实现页面的跳转 12,使用wx.requestPayment实现*的支付功能等等
1,搭建整体项目的框架 1.1使用vue-cli搭建vue项目的基础框架 1.2进行路由配置,结构解构实现路由的模块化配置,使用路由元进行路由标记,使用router.beforeEach进行路由的权限配置 1.3进行vuex也就是store的配置,使用modules实现store的模块化区分,使用mapGetters,mapState,mapActions,mapMutation实现数据的 同意管理 1.4使用axios实现数据的请求封装,使用axios.interceptors.request.use实现数据的请求拦截(设置content-type类型,headers['token']和store实现token的全局设置),使用formData实现数据的上传,使用aes和 rsa实现请求数据的加解密,使用promise实现实现请求数据方法的封装,将post方法和get,upload方法挂在到数Vue上直接使用this调用,1.5 在package.json 的scripts立加 mode参数 以及在根目录新建 .env.test .env.dev .env.pr等文件实现运行环境的区分 2,全局组件的封装 2.1 使用vue-pdf 实现pdf的预览。并封装成全局组件 2.2 使用vant的upload组件实现上传文件组件的封装 2.3 使用vant的swipercell 实现了列表左滑删除的封装 2.4 使用vant的form和Field(输入框) checkbox(多选框) dateTimepicker(时间选择器),picker选择器以及radio 实现表单组件的封装,使用refs[“ref挂载的表单'].validate .catch 等属性是实现表单的校验等 2.5 使用List列表和pullRefresh下拉刷新封装全局list列表组件,以实现下拉刷新和上拉加载更多的功能 3.技术点 3.1 使用防抖防止用户重复点击,使用节流优化页面滚动触发的事件的频率(精选保障页面右小角返回顶部按钮透明度随滚动的距离修改透明度) 3.2 使用 使用vue-page-stack 实现页面栈的管理,返回上级页面时仍然保留原状态,并结合activated 实现返回上级页面时方法的调用 3.3 使用全局loading,结合request.use 和response.response并结合 class类实现increase和decrease,以及 aixo参数配置实现loading的全局加载以及loading的合并(不会有loading闪烁的问题) 3.4使用window.addEventlistener("beforeUnload")实现vuex数据的持久化 3.5 使用promise结合setTimeout等宏任务微任务的知识点解决代码执行顺序的问题 3.6 使用async await 快捷实现异步编程 4 webpack 配置 4.1使用process.node.ENV实现运行环境区分 4.2使用alias实现统一资源定位符的操作 4.3使用uglifyjsplugin实现打包console.log debugger 注释的去除 4.4 使用 路由懒加载 以及config.plugins.delete(preload)以及config.plugins.delete(prefetch)实现页面资源的懒加载 4.5 使用autoprefixer和postcss-pxtorem实现页面的自适应 5 项目亮点 自定义表单模块 该模块有十几款产品,用的同一个代码 基于后端返回的表单列表渲染对应的控件,并数据中的规则 rules 实现 表单的联动 6 基础知识 6.1 使用 flex 实现页面的布局 6.2 使用es6的语法实现相关功能 熟练使用 数组的方法some,every,find,findIndex,filter,map,reduce,isArray,Array.from,Array.of,includes,sort等,变量的声明 let const字符串的操作 startswith,endswith,模板字符串,对象Object.assign,object.create,object,freeze,object.keys, object.entries,object.keys.object.values,object.is 箭头函数,函数默认参数 解构赋值,扩展运算符,export default /export import promise async await class等
相似推荐 换一批
前端组长
300元/天
科学梦
技能:Vue,JavaScript,Ajax,跨域,ElementUI,ES6,小程序,CSS,HTML5,axios
前端
1000元/天
前北京瑞友科技股份有限公司
技能:HTML5,JavaScript,Vue,jQuery,ElementUI,axios,CSS,小程序,ES6
前端开发
500元/天
前八斗智能有限公司
技能:JavaScript,Vue,jQuery,Ajax,axios,typescript,ES6,小程序
广告产品技术部-web开发
1000元/天
前湖南快乐阳光互动娱乐传媒有限公司
技能:HTML5,CSS,JavaScript,Vue,React,jQuery,ElementUI,webpack,系统架构,uniapp