这是我参与「第五届青训营」笔记创作活动的第3天。

写好JS的一些原则

各司其职：让HTML、CSS、JavaScript职能分离；
组件封装：好的UI组件具备正确性、扩展性、复用性；
过程抽象：应用函数式编程思想；

各司其职

HTML/CSS/JS各司其职；
应当避免不必要的由JS直接操作样式；
可以用class表示状态；
纯展示类交互寻求"0"JS方案；

组件封装

组件是指Web页面上抽出来一个个包含模板（HTML）、功能（JS）和样式（CSS）的单元；
好的组件具备封装性、正确性、扩展性、复用性；

基本方法
    结构设计；
    展现效果；
    行为设计；
        API（功能）；
        Event（控制流）；
        
解耦
    将控制元素抽取成插件；
    插件与组件之间通过依赖注入方式建立联系；
    将HTML模板化，更易于扩展；

抽象：将组件通用模型抽象出来；

组件设计原则：封装性、正确性、扩展性、复用性；
实现组件的步骤：结构设计、展现效果、行为设计；
三次重构：
    插件化；
    模板化；
    抽象化；（组件框架）

过程抽象

用来处理局部细节控制的一些方法；
函数式编程思想的基础应用；

高阶函数
    Once
        为了能够让“只执行一次的需求覆盖不同的时间处理，可以将这个需求剥离出来。这个过程称
        为过程抽象；
    HOF
        以函数作为参数；
        以函数作为返回值；
        常用于作为函数装饰器；

总结

对于写好JS来说，从前从未接触，只是略有耳闻，这部分知识点的文字概念晦涩难懂，但展示通过代码
却让人豁然开朗，该方面只是需要在日常的编程过程中以一种“下意识的动作”去执行，这也就需要我们
在编程过程中多多思考各个原则，最基础的可以从优化以前写过的代码开始；