系统级前端开发总结
博客专区 > Hui-Lee 的博客 > 博客详情
系统级前端开发总结
Hui-Lee 发表于1年前
系统级前端开发总结
  • 发表于 1年前
  • 阅读 33
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 后台服务系统中的前端开发常识

页面风格

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

交互方式

表单验证

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

数据交互

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

页面加载

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

代码风格

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

性能

  • 合并压缩缓存CSS,JS文件
  • 字体代替图标,合并图标,减少请求
  • CDN静态资源
标签: 前端开发总结
共有 人打赏支持
粉丝 11
博文 13
码字总数 4551
×
Hui-Lee
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: