前端数据管理
数据状态管理(Pinia)
- 这里注意一些概念对数据进行Set/Get处理,当然这种处理是只是对静态数据处理
- 异步数据,在Pinia中要使用async/await方法处理数据
持久化数据处理
- 有一些数据要进行全局处理，或者持久化处理，这里就需要对localStorage进行封装
高容量数据处理
- uniapp要使用H5+的SQLite进行高容量数据处理
- 浏览器中要使用IndexDB进行高容量数据处理
备注： 特定数据一定要进行有效期处理，例如7天清除登录，隔天登录等等
全局函数(Vue.mixin)
-
前提前要
- app.vue是根组件，初始化数据和方法，
- main.js是项目入口文件，创建Vue实例，定义全局组件，插件安装
-
Vue.mixin虽然能处理全局函数，例如用uniapp制作小程序朋友圈分享，但是Vue3中，明确表明，vue.mixin的溯源能力混乱，提倡使用组合式函数。 但是组合式函数的弊端，需要在每一个组件中引用使用。但也正是这种能力，使得reactive+useXXX,赋予了动态CSS的 特殊文件。
-
全局函数的，第二种方案，对立即执行式函数和全局调用式函数，分别进行处理
前后端交互
- CSS类名：业务名称+Page/componets+下划线+子业务/类别/方式+样式类别缩写/位置缩写
- 交互：详细描述环境配置，网络配置，例如Token的获取，删除。还有UA，cookie等等。在Api文件还需要写出Content-Type和打印的参数以及数据加密方式，为什么要打印出参数因为Ref和reactive获取值不一样。
- 表单：非空判别，正则判别，长度判别。其中正则用watch监听，非空需要弹框
- 图像：有三层构成，最外层适时使用display:Flex；align-iteam:center;justify-content：center;接下来是img的最外层标签基本宽高，根据原型图如果是圆形还需要是Borderradius和overflowhidden;然后img标签推荐使用内联样式设置宽高100%
- CSS：动态CSS和静态CSS，这里注意动态CSS考验前端基本功，现在任何编译器IDE都没有办法提示动态CSS.
