框架方面:精通React、Vue2/3等现代前端框架,理解两个框架之间的核心原理以及差异,拥有两大框架开发多个大型项目的开发经验,对两大框架的周边生态 (React-Router、Redux、Ant Design、Vue Router、Pinia、ElementUl)有一定的使用心得和体会;
工程化方面:熟练掌握 Webpack、Vite 等前端工程化工具,了解不同工具的核心原理以及差异,针对每种工具能实现自定义构建流程和打包优化;
性能优化:掌握前端常见性能优化手段,包括代码分割、懒加载、资源优化等技术,降低 FCP 和 LCP 时间,提升用户交互体验;
后端能力:熟悉 Node.js 以及 Express、Koa2 等框架,能够设计并实现 Restful 风格的 API,做到前后端分离;
设计模式:熟悉 SOLID 设计原则及前端常用设计模式,并能在合适的场景下应用,提高代码的可维护性和可拓展性;
数据结构与算法:熟悉基本的数据结构和算法知识体系,包括但不限于链表、栈、队列、树、图等数据结构及常用算法,能够熟练运用相关原理解决实际问题;
编码能力:拥有扎实的HTML、CSS、JS基础,熟悉 TypeScript 及 ES6+ 新特性,针对部分前端核心知识有深入研究,能够编写高质量的现代前端代码;
项目描述
“xx盲盒” 是一款包含多种功能和玩法的电商盲盒APP,在里面可以购买/开箱盲盒,开箱结果实时更新展示,也可以直接在商城中挑选自己中意的物品直接购买等。
技术栈
React、React Router、Ant Design、Less、Ahooks、Webpack、Node、html2canvas、SVGAPlayer、Edith
项目职责
1. 负责官网、H5、小程序的开发与维护,根据产品需求文档,UI设计图,完成版本开发;
2. 确保产品线上环境平稳运行,优化C端应用性能,提升首页加载速度和操作响应时间,提高用户体验;
3. 优化马甲包开发流程,提高开发效率,输出并维护项目文档,确保项目整体的可维护性;
项目业绩
1. 优化项目结构、马甲包配置及业务代码,马甲包开发时间大大减少50%以上;
2. 优化webpack构建流程,使用swc、thread-loader、持久化缓存等技术多维度提升构建效率,构建时间缩减30%以上,极大地提高了开发和部署效率;
3. 与运维协作,推动 HTTP 协议升级、缓存策略配置、Gzip 压缩及 CDN 配置,推动客户端升级/改进 WebView 配置,多维度优化使得页面访问速度得到明显提升;
项目描述
广发银行新电商项目是广发银行对现有旧商城不能满足其更多的业务需求以及更复杂的业务场景,而向数字化转型迈出的重要一步。该项目面向几千万上亿的用户,属于二开项目(二次开发),整个项目由多端构成:
B端包含商家端和运营端,面向商家后台管理人员等,涵盖用户、会员、商品、促销、营销、交易、积分商城等模块
C端面向用户,包含H5、小程序和发现精彩APP等渠道,包含商品搜索/推荐、购买、加购、评价、试用、拼团等功能
技术栈
React、React Router、Ant Design、Ant Design Mobile、Scss、Node、TypeScript、Webpack、html2canvas
项目职责
1. 参与需求评审会议,确定方案可行性,依照需求文档、原型图及UI设计稿完成功能的开发;
2. 负责商品、促销、营销等模块的开发和维护,担任模块负责人,负责小组成员任务划分和排期;
3. 组员之间的互相Code Review和业务文档的输出与维护,确保项目的可读性和可维护性;
项目业绩
1. 劫持模拟计时器,使用 WebWorker,通过线程通信,解决浏览器标签页在后台时的计时器节流问题;
2. 实现通用加解密方法和自定义 Hook,根据加解密类型,使用 Generator 顺序加载依赖文件,对请求/响应数据进行加解密操作,确保数据传输安全;
项目描述 广发银行新电商项目是广发银行对现有旧商城不能满足其更多的业务需求以及更复杂的业务场景,而向数字化转型迈出的重要一步。该项目属于二开项目(二次开发),整个项目由多端构成: B端包含商家端和运营端,面向商家后台管理人员等,涵盖用户、会员、商品、促销、营销、交易、
项目描述 该项目旨在开发一个公司内部的工具聚合平台,解决前端、服务端、产运等在工作中的部分需求,提高工作效率,目前集合了图片上传、单图链接生成及短链转换等工具,服务于公司所有项目。 技术栈 Vue、ElementUI、Koa 项目职责 1. 开发单图