需求背景 接上文 CRA 项目构建速度优化 由下图可以看出此项目的 ， 耗时较长，需要优化 方案 目前是全量更新，需要改成增量更新 实现 原始版本 版本一 固定使用一个目录为缓存目录，拉取代码和构建代码都在这个缓存目录上 利用 git 和 rsync… »

需求背景 由于公司老项目采用 cra 来构建前端项目，在 jenkins 上的平均打包时长在 10 分钟以上，需要优化线上的打包时间，同时优化本地的开发体验 一期优化 主要针对 cra + webpack3/4 进行的优化 具体功能 cra 配置优化 核心：thread-loader 加快首次编译速度，hard-source-webpack-plugin 加快二次编译速度 config-overrides.js Dockerfile 配置缓存优化 需求背景 为了充分利用缓存，采用 docker… »

需求背景 完成官网 1.0 的上线，实现动效、国际化、多平台适配等功能 动效 逐行显示 需求背景 实现功能如下： x 旋转 -> 不同文字由下而上透明度从 0 到 1 实现要点如下： 进入视口执行一次 离开视口重置动画 实现如下所示动效： 选型过程 选型 优点 缺点 react-spring 使用方便，基于弹簧物理的动画库 改变 state 会导致多次执行 不能自由控制播放进度 animate.css 原生方法体积小，提供回退兼容性好 使用较为繁琐，需要同时写 css、js gsap… »

架构 选型背景 搭建一个便于 SEO 的官网 技术栈团队成员熟悉，开发方便 提到 SEO，主流的渲染方式都是 SSR 框架选型 详见 http://doc.ssr-fc.com/docs/features$technology 支持常见的流行前端框架 React/Vue2/Vue3，这里只列举 React 的 特性 前端框架: React v17, 实时跟进 React17 的新特性 开发语言: TypeScript 代码风格(可选): 默认 eslint-config-standard… »

需求背景 由于 PMS 项目需要开发如下图所示的甘特图，需要选择合适的组件来实现此功能 技术选型 选型 优点 缺点 gantt-schedule-timeline-calendar 功能丰富 与 UI 相差较大，定制化代码较多 react-timeline-gantt 功能丰富 与 UI 相差较大，定制化代码较多 gantt 与 UI 相差不大 在 react 使用需要封装；缺失左侧文字描述功能 gantt-for-react 与 UI 相差不大，可直接在 react… »