个人介绍
1. 精通HTML5、CSS3、Less和Scss预处理语言,熟练使用flex布局、响应式布局和流式布局,注重代码规范和语义
化编码;
2. 精通前端性能优化、浏览器兼容、屏幕适配、响应式开发;
3. 具有扎实的JavaScript基础,熟练使用ES5、ES6以及TypeScript编程,熟悉原型链,闭包,面向对象编程等;
4. 熟练使用Vue全家桶,理解模块化开发思想,对前端mvvm框架有深刻理解;
5. 熟练使用Element UI、Ant Desgin、Vant、uView等常用组件库,并能使用各个组件快速完成页面的构建开发;
6. 熟练使用 uni-app 框架开发跨端应用;具备移动端 H5 应用(hybrid开***等开发经验;
7. 熟练使用jQuery、Zepto.js、Bootstrap、Swiper.js、ECharts.js、Day.js等常用库;
8. 熟练使用 Axios、Ajax进行前后端通信,以及使用mock.js 对前端项目进行数据模拟;
9. 熟悉git工作流,熟练使用webpack、vue-cli和Vite等构建工具,对前端工程化有较好的认识;
10. 了解React、Redux以及常用脚手架工具,并对其工作原理和性能优化有一定理解;
11. 熟悉 Photoshop、Axure、pxcook等前端开发设计工具的使用;
12. 对后端有一定了解,熟悉 MySQL数据库并能进行基础的增删改查,了解Java后端语言,能很好的与后台人员协调沟通。
工作经历
2019-10-16 -2022-11-01深圳市利达凯龙科技有限公司前端开发
参与Web 前端页面开发,负责页面交互的技术设计,开发、代码优化等; 负责对视觉效果保持较高的实现还原度; 参与公司已有项目的维护以及迭代开发; 参与后台管理系统的前端功能开发。
2018-06-05 -2019-10-01深圳市德玛特网络科技有限公司前端开发
参与web 前端页面开发、维护和优化工作; 配合UI 设计师实现预期的视觉交互效果; 与后端开发团队紧密配合,完成数据交互、动态信息展现等。
教育经历
2014-09-01 - 2018-06-08中国地质大学(北京)计算机科学与技术本科
技能
项目描述:该系统能更好的实现小区线上服务管理。通过该系统可减少日常业务运作中的差错率,最大化降低运营成本。主 要提供了资料管理/缴费管理/访客管理/停车缴费/维修上报/房屋管理/车位管理/车辆管理/公示公告等系统常用模块。 负责模块:访客管理模块、维修上报模块、资料管理模块、车辆管理模块 技术栈:Vue 全家桶 + Webpack + Axios + Element UI + Scss + vue-json-excel + vue-qr 技术要点: 1、使用Element UI组件库实现表单数据的展示与操作反馈; 2、 二次封装el-table组件,通过props属性按需配置,定制化表头,实现多页面复用减小代码冗余; 3、 使用vue-router实现路由跳转,在全局前置守卫中引入NProgress实现路由权限控制和加载进度; 4、 根据后台返回的二进制流文件使用vue-json-excel实现维修申请、维修记录数据导出; 5、 使用upload组件实现车辆照片的上传和预览,并封装image-conversion压缩图片,提高页面加载速度; 6、 使用vue-qr组件实现访客二维码生成; 7、 使用Vuex+sessionStorage实现存储维修上报表单临时数据,配合组件钩子函数进行数据上报; 8、 使用Axios二次封装+作用域插槽,实现访客数据、车辆和房屋数据的更新、查看和删除。
项目描述:该系统是对企业生产经营中产品流、资金流进行全程跟踪管理,从订单合同开始,进入产品采购、入库,到支付货款等,每一步都能提供详尽准确的数据。有效辅助企业解决业务管理、存货管理、营销计划的执行和监控、统计信息的收集等方面的业务问题。 负责模块:首页模块、权限管理模块、用户管理模块、产品库中心模块 技术栈:Vue全家桶 + Axios + Element UI + Less + vue-table-with-tree-grid +image-conversion 技术要点: 1、使用 Axios二次封装+请求拦截器+sessionStorage,存储并统一请求的 token 字段,配合路由导航守卫,控制访问权限,实现单次鉴别登录; 2、 Token的过期机制采取主动介入和被动介入相结合的方式,保障网站的安全访问; 3、 使用sessionSotrage本地存储配合 Vuex ,实现数据在不同的页面展示和操作; 4、 使用Axios与服务器通信+深度侦听+作用域插槽,实现对用户列表+产品列表的增删改查; 5、 使用vue-table-with-tree-grid插件,以树形表格形式实现产品多级细分类目; 6、 使用upload组件实现产品图片上传,并封装image-conversion压缩图片,提高页面加载速度; 7、 使用ECharts.js插件实现数据的可视化。并根据项目需求完成定制化; 8、 使用路由懒加载和CDN静态资源加速,将通用库从vendor进行抽离的方式,提高更新渲染的速度。
项目描述:该项目是一个小型的电商平台,提供了以服饰、美容、家居、数码为主的全类目多样化的商品供消费者选择。包含了商品详情页面、分类、图片列表、图片详情、购物车等功能。 负责模块:首页模块、商品模块、购物车模块 技术栈:Vue全家桶 + Scss + uView + swiper + @escook/request-miniprogram + uni-app 技术要点: 1、全局封装uni.$showMsg()方法,简化uni.showToast()方法的调用; 2、 在商品列表页,使用懒加载技术,优化用户体验; 3、 使用Vuex的store分模块管理,同时开启子模块的namespaced并合理使用mapMuatations映射mutations方法的方式,实现商品加购; 4、 使用@escook/request-miniprogram代替功能简单的原生request()方法,实现数据请求和返回以及请求拦截和响应拦截; 5、 使用sessionSotrage配合 Vuex ,实现商品的加购、更新、删除; 6、 将tabBar购物车图标上显示商品数量徽标的逻辑代码抽离为mixins,实现多页面复用,解决代码冗余; 7、 使用Vue自定义组件封装商品列表区域,并通过props属性,实现按需展示内部组件; 8、 使用Vuex的Getters+请求拦截+原生支付API[uni.requestPayment()]实现订单的结算和支付。