HTML和css和js各司其职
应当避免不必要的由js直接操作样式
可以用class来表示状态
纯展示类交互寻求零js方案
组件是指web页面上抽出来的一个个包含模板（HTML），功能（JS）和样式（css）的单元。
组件封装:
组件设计的原则:封装性，正确性，扩展性，复用性
实现组建的步骤:结构设计，展现效果，行为设计
三次重构:插件化，模板化，抽象化
过程抽象: 用来处理局部细节控制的一些方法 函数式编程思想的基础应用
高阶函数
与函数作为参数
以函数作为返回值
常用于作为函数装饰器
例子:
Once:为了能够让“只执行一次”的需求覆盖不同的事件，我们可以将这个需求剥离出来。这个过程我们称为过程抽象。
Thtottle:节流函数
Debounce:防抖函数
Consumer/2:每隔一个时间调用一次
Iterative:可迭代方法
纯函数（Pure Function）是这样一种函数——输入输出数据流全是显式（Explicit）的。 如果一个函数通过隐式（Implicit）方式，从外界获取数据，或者向外部输出数据，那么，该函数就不是纯函数，叫作非纯函数（Impure Function）。 非纯函数越多系统开销越大，不易维护
编程方式分为命令式和编程式
小结：一个代码的好坏根据评估场景，前端工程师也需要一定的算法能力，需要我们打好数学基础，对于html和css还有JavaScript它们三个各司其职，首先学习HTML，了解基本的标记语言和网页结构。然后学习CSS，掌握样式和布局的基本原则。最后学习JavaScript，了解交互性和动态性的概念编写代码是学习的关键。每天花一些时间练习编写HTML、CSS和JavaScript代码，尝试解决各种问题和挑战。通过不断练习，会让我们能够越来越熟悉这些语言和工具。
