一.Javascript编码原则之各司其职

让html,css,Javascript职能分离

1.1学习Javascript的两本书籍

1.2案例

版本一: 版本二:

版本三:

深夜食堂--结论:

• html/css/js各司其职
• 应当避免不必要的有js直接操作样式
• 可以用class来表示状态
• 纯展示类交互寻求零js方案

二.Javascript编码原则之组件封装

好的UI组件具备正确性,扩展性,复用性

组件是指Web界面上抽出来一个个包含模板(html),样式(css),功能(js)的单元。好的组件具备封装性,正确性,扩展性,复用性.

结构:html

表现:css

行为:js

总结:

三.Javascript编码原则之过程抽象

应用函数式编程思想

高阶函数:

编程范式:

案例:

总结:

四.Javascript代码质量优化之路

案例一（红绿灯）：

优化:

案例二(洗牌)；

优化:

案例三(分红包):

优化: