熟练掌握 HTML5、CSS3 及W3C 标准 兼容各大主流浏览器;
熟练使用 Jquery 等 js 库,提高工作效率;
熟练应用 flex 布局、rem 布局、响应式布局以及 Bootstrap 框架等;
擅长Vue技术栈以及其生态(vue2.x 和vue3.x+ts),能快速运用相关技术完成项目;
了解 gulp、webpack 等前端架构工具和 npm、yarn、pnpm 包管理工具以及svn、Git 等版本迭代工具;
熟练掌握ES6 新特性以及了解 ES7 基本语法;
熟练使用Echarts,具有数据可视化平台开发经验;
项目经历项目一:综合服务平台
【项目介绍】:集权限、数据字典、各领域模块功能为一体的综合服务平台,主要以表格和图表的形式展示和处理数据
【主要负责】:2个领域的开发任务,剥离开发公共业务组件,大大提升开发效率,减少开发中的出错1. 多级联动选择可配,多选可配的树形组件2. 二次封装,自定义可筛选、排序、render方式自定义单元格内容的表格分页组件3. 带多选的选择器4. 模糊搜索匹配工号
项目二:数据看板低代码项目框架升级重构
【项目介绍】:管理用户的看板,新建、分享、合并等功能。开发特定的组件,使得用户可以通过拖拽、设置得到自己所需的看板,发布后可根据自己的配置设置控件的值得到查询数据,向他人展示用户自己的成果。
【升级背景】:旧版使用vue2.x开发,由于代码量大,业务复杂,前期没有规划好,缺乏文档,导致后期维护困难、迭代容易相互影响,不可预估测试范围。项目经历
【解决痛点】:1. 使用TS开发,严格管理变量、函数的输入输出,使得在开发中就能解决一大部分问题,后续人员上手快2. 引入Eslint以及相关的代码管理工具,严格规范整个项目的代码风格3. 优化数据存储4. 整理项目文档5. 对组件以及组件的配置完善必要的说明,减少客户不会使用的可能
【主要负责】:1. 搭建pnpm+vite+vue3+eslint+styleling+husky等为组合的架构,切实解决痛点2. 优化数据存储存储:1) store存储优化,获取看板信息后,拆分处理,用户保存信息以键值对的形式存储,方便后续使用,减少循环查找;2) 参考协商缓存的思路,优化indexedDB存储数据的形式3. 区分升级前后两种看板数据,解决数据层级深,使用困难问题