本文已参与「新人创作礼」活动， 一起开启掘金创作之路。
JS是一个年轻，不成熟的前端语言。 通过课程的学习，了解到代码的学习就是不断挖掘好的代码的规范和优化思想，融入到自己的代码范式当中，使得代码可以高效的执行到每一个用户端。
写好JS的原则： 各司其责，组件封装，过程抽象。
深夜食堂实例：
版本一：绑定事件，修改样式
特点：通过绑定事件，在时间内进行修改样式。
版本二，绑定事件，修改css类，btn用css伪类替换
特点：绑定事件，建立两种CSS类的样式，通过事件修改类来改变样式。
版本三，id绑定
特点：绑定id，CSS通过联动id设置样式，HTML通过改变id改变样式。
三个版本的不断优化，主要是将功能的HTML\CSS\JS分离出来，将代码分离使用各司其职。
轮播图实例
构建轮播图需要的三个板块
1. 结构————HTML
2.表现————CSS
3.行为————JS
JS中重点强调API 功能、Event控制流的学习。
JS的重构
1.插件化 ...plugins
2.模板化
3.抽象化的组件框架
JS中的高阶函数学习
Once
Throttle 节流
Debounce 防抖
Consumer/2
Iterative
好的JS代码需要考虑到风格、效率、约定、使用场景、设计。
上述所提到的JS学习，其实主要是围绕如何使代码更便捷的交互，这个思想是前端代码优化的一个重要方向，也是我们不断学习的目标所在。
