注释
链接注释
@see{@link https://developers.weixin.qq.com}
参数注释
- @param {boolean} params.showLoading
接口数据本地化
- 接口数据全部本地化，以防止接口数据结构、类型、键名变化的时候，大量修改本地代码
错误处理与避免的一些实践
typescript
- 通过编译时类型检查 最大化的保障代码的健壮性，避免类型使用错误
esLint
- 通过语法检查系统规范编码质量，最大化保障语法的正确性
伪代码
- 通过书写伪代码来保证逻辑的严密性，保证不出现逻辑漏洞
- 通过断言，预防网络请求错误、接口数据结构错误、接口数据类型错误，导致的代码报错
错误处理原则
- 对于可预见的一些错误，能够有效避免的错误，使用断言来进行流程控制
- 对于一些可预见，但无法有效有效避免的，使用try catch 捕获异常，处理异常
- 尽量的少使用try catch语句
- 不可预见性错误 通常是语法或类型错误导致，使用typescript eslint 能够有效避免这些问题
开发经验技巧
使用文件加npm命令注入环境变量，不必每次手动修改配置
使用webpack上下文自动注册组件，例如公共组件components下的组件
使用动态注册路由避免路由穿透（手动输入路由进入其无权访问界面）
使用详情页mixins，保存路由历史记录进行回退，
使用滚动条高度计算方式实现界面的锚点定位（解决hash路由时无法使用锚点问题）
使用图片热区实现图片区域点击路由跳转
使用keep-alive组件加router-vue 通过配置缓存模块与缓存目标路由实现前进刷新后退缓存功能
网友评论