这是我参与「第四届青训营」笔记创作活动的第三天

1.写好Js的一些规则

1.1 各司其责（html负责内容，css负责表现，js负责行为）

就拿一个简单的实现网页日渐和雅间模式的一个功能，有三中实现方式

轮播图的一个组件

基本方法：

总结：组件封装的思想就是

什么是抽象

顾名思义嘛，抽象就是，概括，隐藏掉具体细节和本质

什么是过程抽象？

比如说有一个需求，就是让一个函数只执行一次，但是有许多的事件处理都会用到这个需求，我们就会考虑将这个需求抽象出来

高阶函数：

常用的高阶函数

Once()：使方法内部的函数只执行一次

Throttle()：节流阀，在固定的周期内，只执行一次动作，如果有新的时间触发，不执行

Debounce()：防抖，通过不断地刷新计时器，防止频繁地触发事件，最终只展示最后一次的结构

Consumer()：延迟调用，就是异步，不论事件触发的多块，都只会按照固定周期来实行，并且每一次事件都会执行

Iterative()：迭代器，可以实现批量操作多个元素等

命令式：怎么做

声明式：做什么

JavaScript是一个现代化的编程语言，同时具有命令式和声明式，但在实际的开发应用中，可以更多地去尝试使用声明式，因为其具有过程抽象化的思想（将一些过程细节进行抽象化）

一个小知识，在Vue的学习中监听一个数据一般是用watch，在js中还可以通过addEventListener()方法

addEventListener() 方法

addEventListener() 方法用于向指定元素添加监听事件。且同一元素目标可重复添加，不会覆盖之前相同事件，配合 removeEventListener() 方法来移除事件。

关于前端与算法

其实前端也需要一定的算法知识，在不同的场景都会需要用到算法知识。