页面风格
- 使用less或sass全局统一CSS样式
- 禁止页面内联样式
- 清晰页面板式结构,样式结构
- 合理的注释
交互方式
表单验证
- 文本两边去掉空格
- 数值类型,严格限定长度大小,步长 *下拉列表,设置默认值,统一API
- 图片类型,文件大小,垃圾回收
- 日期类型,本地化
- 复选框,布尔型
- 多选,数组类型JSON(stringify, parse)
- 富文本类型输出(ng-bind-html,strip_tags), 长度
- 操作:提交前,验证数据是否合法
数据交互
- 新建,提交前验证
- 修改,提交,锁定,解锁
- 删除,先提示,后删除,再确认
- 异常,捕捉异常
页面加载
- 页面,轻量加载主页面,延迟加载辅助页面
- 弹窗,先弹出,后加载
- 请求,减少不必要的请求
- 缓存,缓存公用资源
代码风格
- 语义化标签
- 规范注释
- 格式化,模块化代码
- 组件化,高复用,易扩展
性能
- 合并压缩缓存CSS,JS文件
- 字体代替图标,合并图标,减少请求
- CDN静态资源