这是我参与「第五届青训营 」笔记创作活动的第3天。活动详情：# 伴学笔记创作活动来袭 ｜ 第五届字节跳动青训营
今日的课程将阐释在实际编码过程中如何编写出一份可读性高的 JavaScript 代码，并从 JS 出发，总结其他语言编码中的共性原则。
今日课程要点：
- JavaScript 好代码的标准
- HTML/CSS/JS 的对应职责
- 组件的定义解析及特征
- 组件封装基本方法
- 利用原生 JS 实现电商网站轮播图
- 过程抽象概念
- 高阶函数使用模式
- JavaScript 编程范式
写好JS的原则？
1.各司其职：HTML、CSS和Javascript的职能分离。（举例：页面的夜间模式切换）
- 提高代码的可读性
- 应当避免不必要的由JS直接操作样式
- 可以用class表示状态
- 纯展示类交互寻求零JS方案
2.组件封装：好的UI组件具备封装性、正确性、扩展性、通用性
- 组件是 Web 页面上所抽取的模版、功能与样式的单元，自从 React，Vue 等前端框架在市面上大量使用之后，组件化开发逐渐成为了前端主流开发方式。
- 组件是指web页面上抽出一个个包含模板（HTML）、功能（JS）和样式（CSS）的单元。
- 实现组件的步骤：结构设计、展现效果、行为设计
- 三次重构：插件化、模板化、抽象化
3.过程抽象：应用函数式编程思想 在学习编程的过程中，一个核心的任务是编写可以完成任务的函数
- 用来处理局部细控制的一些方法 函数式编程思想的基础应用
- 为了能够让“只执行一次”的需求覆盖不同的事件处理，我们可以将需求剥离出来
- 常用高阶函数：Once Throttle Debounce Consumer/2 Iterative
- 编程范式：命令式与声明式 现代编程语言往往是复合的
在本次课程的最后，老师带领我们进行了三个项目的实践，分别为交通灯、洗牌、分红包，我们通过实践更好的领悟了今天的课程。这次课程实在是令我受益匪浅，不仅巩固了前端的基础知识，而且通过老师的讲解进行查漏补缺，我又学习到了很多新的知识。
