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