24.最佳实践

1. 松散耦合

当某个部分过分依赖于另一个部分的时候,就叫代码耦合过紧

1. js与html的耦合过紧

   
   
   

   Paste_Image.png
   
   
   

   Paste_Image.png

 当布局出现了问题,有可能是动态创建的HTML没有正确格式化, 要定位到这个问题可能会很困难,因为它是动态生成的
最佳实践: 一般在页面中直接包含隐藏标记,可以用js显示/隐藏该标记,而不是去生成它.

1. js与css的耦合过紧

 element.style.color = 'red' //耦合过紧
element.className='edit' //松散耦合

1. js中应用逻辑与事件处理分离

2. 避免全局变量

Paste_Image.png

?P669 为什么说减值循环性能要更好