HTML / CSS
1. 能够编写语义化 HTML,模块化 CSS
2. 能够使用 Flexbox 实现比较复杂的布局,使用 CSS3 实现复杂的动画
3. 能够使用 Less 高效编写 CSS
4. 了解浏览器 DOM 加载和渲染原理
TypeScript / JavaScript
1. 熟悉 TypeScript,熟练掌握如何在项目中集成其工具链,了解其高级类型
2. 熟悉 JavaScript 核心基础;掌握 ES6 常用语法
React / NextJs / Umi /Antd
1. 熟悉使用 React、Umi 构建单页 Web 应用,能够使用Next构建全栈应用
2. 熟练使用 React Hooks
3. 熟练使用 Antd 快速搭建系统应用,了解其源码并可对其进行进一步封装
某商城项目
技术栈:React、Umi、Dva、TS、Antd
主要工作:
1. 封装内部使用UI组件库,相比于Antd平均速度速度快了40%(基于千条数据);
2. 对项目进行前端国际化改造,以支持多种语言和文化;
3. 实现应用核心功能,如:登录、注册、支付等;
4. H5端应用实现一键切换动态主题色,PC端网页实现五大主题风格;
某数据可视化系统
技术栈:Vue3、Vue Router、ECharts
1. 基于 ECharts 封装平台风格的图表库,将其复杂 json 配置进行包装为易用 UI 配置。
2. 结合平台搜索功能,实现自动识别分组、指标等信息预测用户期望图表展示。
3. 实现可拖拽、多主题仪表盘,支持通过图表下钻,模板变量等实现图表联动。