小李移动端项目开发

移动端项目

1. 考虑适配
   rem ： 根据html的字体大小来进行计算
   em : 根据父元素的字体大小来计算的
   vh ：视口高度
   vw ：视口宽度
   px ：逻辑单位
   pt : 物理单位

2. 下载postcss-pxtorem

3. 配置postcss.config.js

4. 计算html字体大小 （在入口文件中引入）

5. 制定代码规范 （eslint配置强制规定代码规范）

6. 目录

|-- src
    |-- App.vue 根组件
    |-- main.js 入口文件
    |-- api 接口定义文件
    |-- components 公共组件
    |-- directives 自定义指令
    |-- mixins   vue方法
    |-- router 路由配置文件
    |-- utils  公共方法
    |   |-- setRem.js
    |-- views  视图组件 （通过路由来调用的组件）
   

4. 分析需求
   4.1 划分功能
   4.2 划分路由
   4.3 划分组件

• 视图组件
  不会考虑复用，只做页面排版
• 逻辑组件
  复用性强 element-ui 公用的一些弹窗组件或表单或tab或表格，考虑组件的应用场景（用例）， 设计 组件的props slot 事件
• 业务组件
  处理业务逻辑 ajax获取数据