javascript编码原则笔记｜ 青训营

原则一各司其职

让html、css、js职能分离

例子：切换深夜模式 没有做到职责分离的代码：本该由CSS完成的工作交由JS来做了，本来应该由CSS设置元素的样式，却让JS代替了。

真正做到职责分离的代码可以用class属性表示元素的业务状态。这样便于开发者理解代码、随着需求的变更修改代码，也可以使用在css中使用transition属性来增加动画效果。

原则二组件封装

好的UI组件具备正确性、拓展性、复用性

原则三过程抽象

过程抽象方便拓展和复用，应用了函数式编程范式。