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

跟着月影学 JavaScript｜ 青训营笔记

今日学习

JavaScript 编码原则之各司其责JavaScript 编码原则之各司其责 - 掘金 (juejin.cn)

本节课从实践维度解读在实际编码过程中何种类型的 JavaScript 代码称之为“好代码”，并从 JS 出发，总结其他语言编码可遵循的共性原则，由浅入深，该小节将集中讲解三大原则之一的“各司其职”原则。

1. JavaScript 好代码的标准
2. HTML/CSS/JS 各司其责

JavaScript 编码原则之组件封装JavaScript 编码原则之组件封装 - 掘金 (juejin.cn)

本节课将主要围绕编码三大原则的“组件封装”原则展开。组件是 Web 页面上所抽取的模版、功能与样式的单元，自从 React，Vue 等前端框架在市面上大量使用之后，组件化开发逐渐成为了前端主流开发方式。

1. 组件的定义解析及特征
2. 组件封装基本方法
3. 利用原生 JS 实现电商网站轮播图

JavaScript 编码原则之过程抽象JavaScript 编码原则之过程抽象 - 掘金 (juejin.cn)

在学习编程的过程中，一个核心的任务是编写可以完成任务的函数，本节课通过由浅入深的过程案例讲解，详细解读编码三大原则的“过程抽象”原则。

1. 过程抽象概念
2. 高阶函数使用模式
3. JavaScript 编程范式

如何写好JavaScript

各司其责

HTML，CSS和JavaScript职能分离

组件封装

插件化 模块化 组件框架

过程抽象

用来处理局部细节控制的一些方法函数式 编程思想的基础应用 听了这节课，我感觉老师讲的意思大概和黑盒模型一样，只考虑输入输出，不考虑中间处理过程。还讲了几个高阶函数。