[JS入门|青训营笔记]

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

JavaScript

JavaScript 是一门编程语言，可为网站添加交互功能（例如：游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等）。其应用场合极其广泛，简单到幻灯片、照片库、浮动布局和响应按钮点击，复杂到游戏、2D/3D 动画、大型数据库驱动程序等等，众多精彩应用。

语言虽然简洁，但却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具，可以使 开发工作事半功倍。其中包括：

• 浏览器应用程序接口API（功能）—— 浏览器内置的 API 提供了丰富的功能，比如：动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成 3D 图像与音频样本等等。
• 第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者（Twitter、Facebook 等）提供的功能。
• 第三方框架和库 —— 用来快速构建网站和应用。
• 事件的状态Event（控制流）—— 表明事件状态，例如触发event对象的元素、鼠标的位置、及状态、按下的键等等。

如何写好它？

1. 各司其职：让HTML，CSS和JS职能分离，应当避免不必要的由JS总结操作样式，我们可以用class来表示状态，纯展示类交互寻求零方案。
2. 组件封装：好的UI组件具有正确性、扩展性、复用性，实现组件的步骤：结构式、展现效果、行为设计，同时我们可以可以通过重构，使我们的代码质量更高，如插件化、模板化、抽象化
3. 过程抽象：应用函数式编程思想，处理局部细节控制的一些方法，如操作次数限制，常用高阶函数来处理，有：Once、Throttle、Debounce等函数，以函数作参数，以函数为返回值。

通过月影老师介绍多个案例，如电商轮播图、交通交通信号灯、洗牌、还有我们日常使用的微信抢红包作为举例，希望通过解析JS实战案例，大家可以更快掌握这些使用技巧，有自己的一套代码框架，写好JS代码。

分红包—切西瓜法

分红包—抽牌法