这是我参与「第四届青训营 」笔记创作活动的的第2天
深入了解JS
JavaScript
首先要知道JS又叫做JavaScript，是用于写前端行为操作的语言。JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
写好的JS原则
在写JS的时候是有三种原则的，分别是各司其职，组件封装，过程抽象。
各司其职
首先先来说一下各司其职，各司其职字面意思就是要自己干自己的事，在JS当中就是要让HTML、CSS和JavaScript职能分离。写样式尽量就用CSS，不要用JS来操作。
总结
- HTML/CSS/JS 各司其责
- 应当避免不必要的由 JS 直接操作样式
- 可以用 class 来表示状态
- 纯展示类交互寻求零 JS 方案
组件封装
组件封装就是把各个功能封装成一些工具，这样可以调用方便，比较清晰。好的UI组件具备正确性、扩展性、复用性。
- 使用 CSS 绝对定位将图片重叠在同一个位置
- 轮播图切换的状态使用修饰符（modifier）
- 轮播图的切换动画使用 CSS transition
基本方法
- 结构设计
- 展现效果
- 行为设计
- API （功能）
- Event （控制流）
总结
- 组件设计的原则：封装性、正确性、扩展性、复用性
- 实现组件的步骤：结构设计、展现效果、行为设计
- 三次重构
- 插件化
- 模板化
- 抽象化（组件框架）
过程抽象
过程抽象就是要把过程抽象出来，作为函数。不要直接去写操作，这样后期不好维护，要应用函数式编程思想。
- 用来处理局部细节控制的一些方法
- 函数式编程思想的基础应用
运用高阶函数
HOF
- 以函数作为参数
- 以函数作为返回值
- 常用于作为函数装饰器
编程分为命令式与声明式
在未来声明式更为清晰，可能会更为受用。
在写代码的时候应该更注重于使用场景。
最后总结
今天所学到的就是要学会用声明式来编写代码，使自己的代码更为清晰，好维护，注重使用场景。还有怎么写好代码，在团队当中应该如何写代码。
