Skip to main content

One post tagged with "总结"

View All Tags

· 2 min read
appleshell

业务项目

管理后台

  1. 更新升级项目脚手架,更新antd,做老代码兼容。
  2. 使用at-console-component组件库重构老项目,开发业务。
  3. 在项目中使用函数式组件和hook进行开发。

移动端H5

  1. 梳理代步车相关项目构成。
  2. 封装业务组件,例如日期选择器。
  3. 更新项目脚手架。

前端基建项目

管理后台脚手架和移动端脚手架

移动端脚手架基于create-react-app,自定义了模板。

管理后台组件库和移动端组件库

  1. 管理后台组件库基于antd,重点是统一了Form,ModalForm,Table(整合了table和searchForm)

  2. 移动端组件库,自定义了表单组件(通过定义数组来渲染列表),定义数据展示item(flex布局)和列表,基于rc-picker封装日期选择器

组件库几个需要注意的点:

基础组件尽量功能单一,复杂组件可以使用基础组件进行拼装,组件之间通过API进行连接

做好向后兼容,引入新组件或者增加新功能要保证不影响之前的组件

项目迭代一定要维护好changeLog和文档更新

封装工具函数库

  1. 封装常用工具函数,例如处理url参数(基于qs),http请求(基于axios创建实例)

  2. 打算添加jest测试

封装代码lint规则库

项目标准化:

  1. eslint-config-atzuche,统一代码风格
  2. babel-preset-atzuche,统一babel配置
  3. stylelint-config-atzuche,统一css文件的代码风格

封装js-bridge