系统级前端开发总结

页面风格

• 使用less或sass全局统一CSS样式
• 禁止页面内联样式
• 清晰页面板式结构，样式结构
• 合理的注释

交互方式

表单验证

• 文本两边去掉空格
• 数值类型，严格限定长度大小，步长 *下拉列表，设置默认值，统一API
• 图片类型，文件大小，垃圾回收
• 日期类型，本地化
• 复选框，布尔型
• 多选，数组类型JSON(stringify, parse)
• 富文本类型输出(ng-bind-html,strip_tags), 长度
• 操做：提交前，验证数据是否合法

数据交互

• 新建，提交前验证
• 修改，提交，锁定，解锁
• 删除，先提示，后删除，再确认
• 异常，捕捉异常

页面加载

• 页面，轻量加载主页面，延迟加载辅助页面
• 弹窗，先弹出，后加载
• 请求，减小没必要要的请求
• 缓存，缓存公用资源

代码风格

• 语义化标签
• 规范注释
• 格式化，模块化代码
• 组件化，高复用，易扩展

性能

• 合并压缩缓存CSS，JS文件
• 字体代替图标，合并图标，减小请求
• CDN静态资源