架构方面:熟悉理解并实践前端⼯程化理念,掌握前端模块化、组件化开发,提高代码复用率和维护效率;
性能优化方面:掌握常见的优化手段,包括使用懒加载,对整体代码进行分包,preload预加载有效减少首屏的加载时间,使用SSR服务端渲染等优化手段,显著降低FCP和LCP时间,提升用户交互体验;
微前端:拥有丰富的微前端架构经验,熟悉多种微前端实现方式,如qiankun、wujie等。能够将巨石应用重构为独立可部署的子应用,确保每个子应用的独立开发、测试和部署,提高开发效率和代码可维护性。
工程化方面:熟悉使用Webpack、Vite、Rollup等现代前端工程化工具,深入了解Webpack和Vite打包原理及性能优化,熟练配置Babel、Postcss、Eslint、Prettier、SWC,拥有编写Webpack、Vite插件的经验;
框架方面:深入了解 React 源码,熟练使用 Vue全家桶;
C端开发经验:熟练使用UniAPP跨端框架或者原生语法独立开发微信小程序,拥有使用ReactNative开发iOS和Android原生应用的开发经验。
设计模式:熟悉前端常用的设计模式,如模板模式,发布订阅模式等,可以在项目场景下应⽤这些模式,提高代码的可维护性和可拓展性;
浏览器方面:深入了解浏览器事件循环机制以及浏览器渲染原理,了解浏览器的进程与线程;
后端方面:熟练使用Node.js以及Express、Koa、Egg.js等相关框架,能够设计并实现基于Restful风格的API,做到前后端分离;
数据库方面:熟练使用MySQL、MongoDB等数据库的基本使用,能够设计简单的数据库模型;
编码能力:拥有扎实的HTML、CSS、JavaScript基础,针对部分前端核心知识有深入研究;
前端安全方面:熟悉前端安全相关知识,如 XSS 漏洞和 CSRF 漏洞,熟悉⼀些解决⽅案和防范措施;
2024-3-2025-1 智慧巽腾 高级前端开发工程师
项目介绍:智慧巽腾是一个公司内部使用的管理平台,可以对企业的资料、会议视频进行上传并进行保存,供公司员工进行观看,还可以对公司部门以及人员的管理。
技术栈:React(全家桶)、TypeScript、Webpack、Ant Design、Less、Egg.js、MongDB、Jest、Monorepo
项目职责
根据产品需求文档,UI设计图,完成每一期的开发需求
针对复用率高的代码,提取为公共组件,增强代码的复用
与后端开发团队密切合作,确保联调工作的顺利进行
推动项目SDK的设计和研发,方案选择、技术实现,以及落地
通过整合BFF层来减少前端请求接口的依赖,降低了数据封装以及渲染的成本
项目业绩
对公共组件做单元测试,保证测试通过率在80%以上
从0到1开发整个upload-sdk,该SDK为所有文件上传特别是大文件上传的场景提供前后端的支撑,统一了所有文件上传的开发方式,完成了从底层协议、到工具类、到前端组件、再到后端中间件的开发。在实现层面,为保证使用的灵活性,利用多种设计模式完成了SDK和上层应用的完全解耦,并对服务器的存储结构进行了精细的设计,保证了文件存储和传输的唯一性,该通用库对业务开发提效30%,对上传效率提升80%。