有自己的开发风格,在我看来是一个开发成长过程中的里程碑。
我也是最近才敢意识自己有一些风格了。在这里简单说说。
首先JavaScript:
方法要求单一职责原则。
一个方法一定有完整的逻辑开始部分和结束部分,是一个整体。
方法尽可能减少无用的变量声明。除了降低副作用还要避免多余的变量占用内存。
考虑用设计模式解决复杂问题。目前成功应用的有策略模式来解决多条件选择问题。
职责链模式解决多异步先后执行问题。
状态模式解决多状态问题。
考虑用面向对象简化问题。
利用分流函数控制不可控的浏览器行为。
利用防抖函数控制人为的点击行为。
减少全局作用域的使用,尤其window。不使用window,至少可以减少一层作用域链。
利用闭包实现全局变量的缓存效果。
要有合理的注释。
开发单页面的一些风格或者原则。以vue为例说明。
使用混用mixin减少代码重复。
使用组件化封装组件,实现组件复用。
使用全局拦截器做一些共用的ajax逻辑。
使用vue的原型,将全局配置挂载在上面。
页面销毁时候清除定时器。
css部分
使用编译器时候,利用编译器减少重复代码。
利用deep 修改组件内部的样式
考虑多屏,考虑屏幕的变化,即便是在做pc端开发
考虑缩放效果
考虑用户的使用习惯
多使用类优于id和行内
html
文字用p
标题用h系列
icon用i
标签用label
块占用用div
内联无意义用span
代码显示用pre
测试
至少有三个角度进行测试:正反和中间。
补充:
vue框架开发要将单组件的常量放在data里面
多组件共享的常量要放在全局设置中。