女王控的博客

预研

37 篇文章

国际官网技术难点攻关

需求背景 完成官网 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… »

代码生成脚手架搭建

需求背景 由于 C 端营销线新建项目需要模板化,需要代码模板的生成功能,以便统一技术栈 一期 一期代码生成需要在 lerna 工程下去做改造,除了带有代码模板的功能,还封装了执行脚本的入口 参考链接: react-boilerplate 这里的代码模板包含项目级别的代码模板、页面级别的代码模板,目前只完成了项目的代码模板生成 目录结构 脚本主入口 package.json 模板代码生成 模板代码执行主入口 internals/generators/index.js 检测 packages… »

基于arcgis地图组件的搭建部署

需求背景 基于公司的要求,需要对地图组件做出选型,以支持在地图上展示线路轨迹 技术选型 选型 优点 缺点 百度地图 大厂支持、UI 比较美观、API 文档较为清楚 内网搭建访问较为困难 高德地图 大厂支持、UI 比较美观、API 文档较为清楚 内网搭建访问较为困难 echarts 地图 UI 美观、API 文档较为清楚 内网搭建访问较为困难、功能较弱 天地图 支持离线访问、是专用地图 UI 不够美观、文档不够清楚 arcgis 支持离线访问、UI… »

0%