码迷,mamicode.com
首页 > 其他好文 > 详细

写代码的风格

时间:2019-04-14 16:03:02      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:作用域链   除了   模式   定时   icon   应用   方法   原型   pre   

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

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

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

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

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

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

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

要有合理的注释。

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

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

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

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

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

测试

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

写代码的风格

标签:作用域链   除了   模式   定时   icon   应用   方法   原型   pre   

原文地址:https://www.cnblogs.com/zhensg123/p/10705327.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!