写代码的风格

Posted 2021-02-16 zhensg123

有自己的开发风格，在我看来是一个开发成长过程中的里程碑。
我也是最近才敢意识自己有一些风格了。在这里简单说说。

首先javascript：
方法要求单一职责原则。
一个方法一定有完整的逻辑开始部分和结束部分，是一个整体。
方法尽可能减少无用的变量声明。除了降低副作用还要避免多余的变量占用内存，举个优化别人代码的例子：

考虑用设计模式解决复杂问题。目前成功应用的有策略模式来解决多条件选择问题。
职责链模式解决多异步先后执行问题。
状态模式解决多状态问题。

考虑用面向对象简化问题。

利用分流函数控制不可控的浏览器行为。
利用防抖函数控制人为的点击行为。

减少全局作用域的使用，尤其window。不使用window，至少可以减少一层作用域链。

利用闭包实现全局变量的缓存效果。

要有合理的注释。

开发单页面的一些风格或者原则。以vue为例说明。
使用混用mixin减少代码重复。
使用组件化封装组件，实现组件复用。

使用全局拦截器做一些共用的ajax逻辑。
使用vue的原型，将全局配置挂载在上面。

页面销毁时候清除定时器。

css部分
使用编译器时候，利用编译器减少重复代码。
利用deep 修改组件内部的样式
考虑多屏，考虑屏幕的变化，即便是在做pc端开发
考虑缩放效果
考虑用户的使用习惯
多使用类优于id和行内

html
文字用p
标题用h系列
icon用i
标签用label
块占用用div
内联无意义用span
代码显示用pre

测试

至少有三个角度进行测试：正反和中间。