1.可维护性
《1》什么是可维护的代码
(1)可理解性
(2)直观性
(3)可适应性
(4)可扩展性
(5)可调试性
《2》代码约定
(1)可读性---适当的进行注释【函数和方法、大段代码、复杂的算法、Hack浏览器差异性】
(2)变量和函数名--语义化
(3)变量类型透明---一眼看出来是什么类型的数据
《3》松散耦合---代码最好不要交叉---排错方便
(1)HTML和JavaScript
(2)Css和JavaScript
(3)应用逻辑和事件处理程序（按键、获取DOM-----做了什么事情）
《4》尊重对象的所有权
(1)不要为实例或原型添加属性或方法
(2)不要重新定义已经存在的方法
(3)尽量避免全局变量
var totalObj = {
name:"123",
funName: function() {
console.log(1);
}
}
(4)避免与null进行比较
如果是引用类型的话使用insinstanceof检查其类型
如果是基本类型使用typetypeof检查其类型
(5)使用常量
重复值
展示给客户使用的字符串类型，方便国际化
Urls
任何可能改变的值
2.性能
《1》注意作用域
避免全局查找
避免不必要的属性查找
《2》优化循环
减值迭代。0---n的递增性能比 n--0递减性能差
简化终止条件
简化循环体
使用后测试循环 do-while
展开循环--循环次数确定，展开循环
原生方法较快，switch语句较快，位运算符语句较快
《3》最小化语句数
1.多个变量声明 var a, b, c;
2.使用数组对象字面量
《4》优化DOM交互
1.最小化现场更新
2.使用innerHTML
3.使用事件代理--冒泡
3.部署
文件压缩
代码验证 ESlint