1.【Web技能】熟练 JavaScript Es6、小程序开发、TypeScript、TailwindCSS、HTML、CSS、JQuery 等技术,熟练使用Performance、 DevTools调试工具,PWA缓存, 接口缓存, 熟悉web兼容性方案。
2.【Web框架】熟练React、Vue2、vue3、Next.JS前端框架, 熟练UI库(Antd/Element/Echarts图表/Antv x6),封装组件库。
3.【客户端跨端】熟练使用React-Native、Hippy进行客户端APP的Native开发。
4.【架构设计】具备Web技术选型、SSR/SPA渲染模式、前端性能优化, qiankun / turborepo微前端架构经验及应用。
5.【工程化】搭建团队前端工程化体系、如Jenkins, 阿里流水线, 集成NodeJs、 npm、 vite、webpack等构建工具,gitHooks代码规范校验、devops多测试环境、SaaS云服务托管。
6.【AI应用】熟悉AIGC, 熟练基于chatgpt等模型二次应用开发, 语音识别, 声音克隆等场景开发, 开源模型部署应用。
Investment Flow
该项目基于qiankun + turborepo搭建了投资工作流, 承载公司内部各个项目。通过 qiankun 的微前端架构,我们成功将大型应用拆分为多个独立的子应用,实现react vue3不同技术栈项目融合, 并实现了各项目之间的并行开发和部署,显著提升了开发效率和系统的可维护性。
主要工作:
微前端架构设计: 使用 Qiankun 实现微前端架构,将项目拆分为多个独立的微应用,确保各个子应用能够独立开发、测试和部署,同时实现无缝的集成和用户体验。
Turborepo 配置与优化: 引入 Turborepo 作为 monorepo 管理工具,通过智能缓存和增量构建功能,显著提升了构建速度和效率。设计并实施了高效的代码共享机制,优化了不同子应用之间通用的项目配置。
构建与发布流程:配置并优化了 Webpack 构建流程,集成了 CI/CD 管道,实现自动化构建和发布,提高了开发团队的交付效率和代码质量。
项目成果:
成功将一个庞大的单体应用拆分为多个高效的微前端应用,减少了开发和部署的复杂性。
通过 Turborepo 的优化,构建时间减少了约 50%,大大提升了开发效率。
提高了团队间的协作效率,缩短了上线周期,提升了用户体验和系统稳定性。
该项目基于qiankun + turborepo搭建了投资工作流, 承载公司内部各个项目。通过 qiankun 的微前端架构,我们成功将大型应用拆分为多个独立的子应用,实现react vue3不同技术栈项目融合, 并实现了各项目之间的并行开发和部署,显著提升了开发效率和系统的可维
该项目基于React Native 0.72 + TypeScript + NativeBaseUI搭建公司的超级App。 实现了 iOS 和 Android 平台上的一致用户体验, 提升业务人员更大的移动办公空间, 同时减少开发团队了重复工作,缩短了开发周期。