【js/ts】熟练使用ES6+、DOM操作、原型链、闭包、Class继承、事件循环及面向对象编程,熟练使用ts实现强类型约束。
【框架应用】熟悉Vue2/3全家桶,了解相关底层双向数据绑定、组件化、响应式原理、diff算法源码的设计思路。
【跨平台应用】熟悉使用Electron开发桌面端应用,以及web+native的移动端混合开发方式。
【网络原理】了解HTTP协议、浏览器原理。
【设计模式】熟练掌握前端SOLID设计原则以及前端常用设计模式,有主导设计过部门内部前端组件的经验。
【工程化】熟悉webpack、vite等打包工具及日常开发配置,了解构建和打包优化流程。
【组织协作】具备较强的跨团队协作与推动能力,拥有独立开发能力,拥有服务器部署上线能力。
【团队能力】具有前端项目管理,需求分析、工期安排、任务分配、进度把控的能力。
项目名称:XDS 移动端UI组件库 前端开发
项目描述:该项目旨在实现一款具有xTool品牌属性和业务特点的移动端UI组件库,同时适配pad以及phone双端。目前已实现50+个组件,并已投入到多个项目中正式使用。
项目技术:vue3 + ts + vite + eslint、 prettier、husky + vitest + sass/less + monorepo
担任职责:
1. 参与项目技术选型,并使用vant-cli-app快速搭建简易的开发框架。
2. 负责20+通用型组件的开发及单元测试编写等工作,使单元测试覆盖率达到90%以上。
3. 负责实现 v-tooltip 自定义指令,支持长按触发弹出层,并在 10+ 组件中快速集成。
项目亮点:
1. 通过v-tooltip指令一键集成,解决10+个组件内嵌入tooltip组件时的样式污染问题,同时将集成时间从10min缩短至2min。
2. 通过高阶组件封装核心逻辑,在多个组件中实现对Pad和Phone端的UI差异化设计,同时保持端适配层与业务逻辑的解耦。
3. 针对不同组件,采用差异化响应式方案,以实现大屏移动端设备展现更多内容的需求,进而提升用户体验。
4. 技术债务减少60%,后续项目开发效率提升80%,输出标准化模板复用至3条业务线。
项目名称:xTool 激光切割器上位机软件 前端开发
项目描述:xTool是消费级激光工具领域的头部品牌,2024年营收20~30亿元,而该软件支持对10+款xTool系列激光切割/雕刻机进行控制,主要功能包含设备设置、设备连接与配网(ip/wifi/hotspot)、项目管理、文字/矢量/位图编辑、加工对象参数设置、设备加工参数设置、加工文件预览、加工控制、社区案例展示等。同时,兼容Windows、Mac、Pad及Phone多平台。
项目技术:vue3 + ts + pinia + less + vite + vue i18n + vant + naive ui
担任职责:
1.
负责Pad/Mobile端V2.0-V2.2版本部分功能模块开发,完成M1 Ultra设备特性模块(画笔管理/喷墨打印/组合加工/特殊材料校准)、管道风机及净化器配件连接等界面开发,实现95%以上设计还原度。
2.
独立搭建帮助文档系统技术架构,基于Vue-router实现路由管理,完成响应式布局、及通用组件封装,提升文档访问体验。
3.
重构Phone端设备设置及红蓝光校准模块,通过代码结构优化提升可维护性,带动团队开发效率提升10%。
项目亮点:
1.
项目采用Hybrid(Web+Native)混合架构与双仓库模式管理web模块,主工程仓库封装核心功能以及提供设备特性功能入口,而扩展仓库则基于模板方法模式抽象10+款设备的差异化逻辑,降低代码冗余30%。
2.
web主工程基于类MVI架构将业务与UI解耦,实现一套业务逻辑支撑双端UI(pad和phone),减少50%的重复业务开发。
3.
扩展仓库中以工厂模式批量生产15+业务组件,统一创建入口,支持10+设备加工模块调用,维护成本降低60%。
4.
开发环境中利用 localStorage 动态过滤本地字体,将字体加载时间从 5 - 8s 骤降至 50ms 左右,显著提升 App 启动速度。
5.
XCS PAD 和 XCS MOBILE 在 App Store 评分均为4.7/5。2024年累计迭代24次(phone端8次,pad端6次,设备支持13次),总下载量28.2万(phone端10.3万,pad端17.9万)。
中台效能提升桌面应用 前端开发
项目描述:基于Electron+AntDesignVue+Vue2技术栈(Vuex/Vue-router)开发的桌面级应用,整合了协议配置工具和界面配置工具两大低代码模块,通过可视化操作即可生成JSON配置及LVGL代码文件,显著降低开发门槛,节省约60%人力成本。同时集成工厂测试、设备写号等实用工具,为智能硬件开发提供全流程效率提升方案。