




个人介绍
多年的web前端开工作经验,熟练掌握HTML5、CSS3及JavaScript es6语法等。悉知Vue开发框架,熟练使用element-ui和vant组件。熟悉Vue全局api比如nextTick、自定义指令、过滤器、组件通信等,Vue插件Router、Vuex。内置指令v-if、v-slot、v-model等等,生命周期钩子函数应用等等。主要用vue2版本的Vue-cli开发项目。性格外向但不失稳重,在任期间对待工作认真负责,有较强的沟通协调能力,重视团队建设,善于倾听外部意见和建议。做事细心,务实严谨,原则性强,有较强的计划性。学习能力强,有较强的抗压能力。喜欢接受各种挑战
后台管理系统开发
工作经历
2018-10-15 -2022-10-24杭州悦蓝互娱前端工程师
基于Vue框架的单页面应用程序的开发行政后台管理系统,参与登录、组织架构、审批、权限管理等模块的开发和维护。
教育经历
2009-09-01 - 2012-07-30浙江医药高等专科学校经济信息管理专科
技能

.基于vue2版本的脚手架搭建页面布局结合element-ui和vant组件实现 2.使用 vuex 进行状态管理以及实现数据之间的共享 3.使用 rem 和 flex 弹性盒模型布局页面,利用 postcss 插件,将单位转化为rem,适配不同的设备 4.采用模块化思想划分各个功能模块,区分出共享模块和独立模块,页面结构分离,降低各个页面之间的耦合 使用vant组件进行页面布局,实现页面基础样式及交互效果,例如页面回弹效果页面上拉刷新下拉加载 效果,提示框,弹出框,轮播图等效果。 5.把每一个axios网络请求都封装成独立的功能函数,在需要的时候加载调用,便于后期接口的管理和维护 6.整个项目采用MVVM、模块化的开发模式,使模块之间的耦合程度大幅降低。


基于vue2版本的脚手架搭建页面布局结合element-ui组件实现 登录模块利用Cookies实现存在vuex模块中的token持久化配合拦截器实现用户的登录权限,登录界面的表 单验证通过element-ui组件里自带的validate方法自定义验证规则实现 权限模块页面布局主要用el里的tree组件来实现,动态显示页面与导航栏是通过动态筛选用户权限对应的路 由表实现 网络请求数据用的是axios插件,配合async await这个promise的语法糖处理这个异步请求 对图片和路由进行懒加载,减少不必要的访问 cdn 资源 提高页面性能,节省内存资源 使用 vuex 命名空间模块化保存数据进行回显和多个页面的数据保存提交(映射、es6 语法、辅助函数) 使用 echarts 图表视图,展示后台数据。
