Vue-对UI组件库修改
修改第三方UI组件库的样式
1.用插槽，插入自己的元素
在自己的作用域中直接修改这个元素
2.全局定义一个变量，覆盖他默认变量的值
缺点：全局修改
3.局部定义一个变量，覆盖他默认变量的值
优点：局部修改
4.直接查找对应的子组件选择器，进行修改
:deep(子组件中元素的选择器)进行修改
直接修改css
Options_API
认识计算属性computed
思路一的实现：模板语法
缺点一：模板中存在大量的复杂逻辑，不便于维护（模板中表达式的初衷是用于简单的计算）；
缺点二：当有多次一样的逻辑时，存在重复的代码；
缺点三：多次使用的时候，很多运算也需要多次执行，没有缓存；
思路二的实现：method实现
缺点一：我们事实上先显示的是一个结果，但是都变成了一种方法的调用；
缺点二：多次使用方法的时候，没有缓存，也需要多次计算；
思路三的实现：computed实现
注意：计算属性看起来像是一个函数，但是我们在使用的时候不需要加()，这个后面讲setter和getter时会讲到；
我们会发现无论是直观上，还是效果上计算属性都是更好的选择；
并且计算属性是有缓存的；
计算属性的缓存
这是什么原因呢？
这是因为计算属性会基于它们的依赖关系进行缓存；
在数据不发生变化时，计算属性是不需要重新计算的；
但是如果依赖的数据发生变化，在使用时，计算属性依然会重新进行计算；
计算属性的setter和getter
计算属性在大多数情况下，只需要一个getter方法即可，所以我们会将计算属性直接写 ...
VUE-模板语法2
v-for基本使用
v-for的基本格式是 “item in 数组”：
数组通常是来自data或者prop，也可以是其他方式；
item是我们给每项元素起的一个别名，这个别名可以自定来定义；
我们知道，在遍历一个数组的时候会经常需要拿到数组的索引：
如果我们需要索引，可以使用格式： “(item, index) in 数组”；
注意上面的顺序：数组元素项item是在前面的，索引项index是在后面的；
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> < ...
VUE-模板语法
双大括号语法
如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 (双大括号) 的文本插值。
并且我们前端提到过，data返回的对象是有添加到Vue的响应式系统中；
当data中的数据发生改变时，对应的内容也会发生更新。
当然，Mustache中不仅仅可以是data中的属性，也可以是一个JavaScript的表达式。
另外这种用法是错误的：
v-once指令（了解）
v-once用于指定元素或者组件只渲染一次：
当数据发生变化时，元素或者组件以及其所有的子元素将视为静态内容并且跳过；
该指令可以用于性能优化；
如果是子节点，也是只会渲染一次：
v-html
默认情况下，如果我们展示的内容本身是 html 的，那么vue并不会对其进行特殊的解析。
如果我们希望这个内容被Vue可以解析出来，那么可以使用 v-html 来展示；
v-pre
v-pre用于跳过元素和它的子元素的编译过程，显示原始的Mustache标签：
跳过不需要编译的节点，加快编译的速度；
v-bind绑定基本属性
v-bind用于绑定一个或 ...
包管理工具npm_yarn_cnpm
npm的配置文件
那么对于一个项目来说，我们如何使用npm来管理这么多包呢？
事实上，我们每一个项目都会有一个对应的配置文件，无论是前端项目（Vue、React）还是后端项目（Node）；
这个配置文件会记录着你项目的名称、版本号、项目描述等；
也会记录着你项目所依赖的其他库的信息和依赖库的版本号；
这个配置文件就是package.json
那么这个配置文件如何得到呢？
方式一：手动从零创建项目，npm init –y
方式二：通过脚手架创建项目，脚手架会帮助我们生成package.json，并且里面有相关的配置
必须填写的属性：name、version
name是项目的名称；
version是当前项目的版本号；
description是描述信息，很多时候是作为项目的基本描述；
author是作者相关信息（发布时用到）；
license是开源协议（发布时用到）；
private属性：
private属性记录当前的项目是否是私有的；
当值为true时，npm是不能发布它的，这是防止私有项目或模块发布出去的方式；
main属性：
设置程序的入口。
比如我们使用a ...
node_模块化导入
特殊的全局对象
__dirname：获取当前文件所在的路径：
注意：不包括后面的文件名
__filename：获取当前文件所在的路径和文件名称：
注意：包括后面的文件名称
模块化导入导出
exports和module.exports可以负责对模块中的内容进行导出；
require函数可以帮助我们导入其他模块（自定义模块、系统模块、第三方库模块）中的内容；
exports导出
注意：exports是一个对象，我们可以在这个对象中添加很多个属性，添加的属性会导出；
另外一个文件中可以导入：
上面这行完成了什么操作呢？理解下面这句话，Node中的模块化一目了然
意味着main中的bar变量等于exports对象；
也就是require通过各种查找方式，最终找到了exports这个对象；
并且将这个exports对象赋值给了bar变量；
bar变量就是exports对象了；
module.exports导出
但是Node中我们经常导出东西的时候，又是通过module.exports导出的：
module.exports和exports有什么关系或者区别呢？
我们追根溯 ...
JS高级-防抖_节流_深拷贝_事件总线
认识防抖debounce函数
我们用一副图来理解一下它的过程： - 当事件触发时，相应的函数并不会立即触发，而是会等待一定的时间； - 当事件密集触发时，函数的触发会被频繁的推迟； - 只有等待了一段时间也没有事件触发，才会真正的执行响应函数； -
防抖的应用场景很多：
输入框中频繁的输入内容，搜索或 者提交信息；
频繁的点击按钮，触发某个事件；
监听浏览器滚动事件，完成某些特 定操作；
用户缩放浏览器的resize事件；
防抖函数的案例
我们都遇到过这样的场景，在某个搜索框中输入自己想要搜索的内容：
比如想要搜索一个MacBook：
当我输入m时，为了更好的用户体验，通常会出现对应的联想内容，这些联想内容通常是保存在服务器的，所以需要一次网 络请求；
当继续输入ma时，再次发送网络请求；
那么macbook一共需要发送7次网络请求；
这大大损耗我们整个系统的性能，无论是前端的事件处理，还是对于服务器的压力;
但是我们需要这么多次的网络请求吗？
不需要，正确的做法应该是在合适的情况下再发送网络请求；
比如如果用户快速的输入一个macbook，那么只是发送一次网络请求 ...
JS高级-异常_Storage_正则
throw关键字
throw表达式就是在throw后面可以跟上一个表达式来表示具体的异常信息：
throw关键字可以跟上哪些类型呢？
基本数据类型：比如number、string、Boolean
对象类型：对象类型可以包含更多的信息
但是每次写这么长的对象又有点麻烦，所以我们可以创建一个类：
Error类型
事实上，JavaScript已经给我们提供了一个Error类，我们可以直接创建这个类的对象：
Error包含三个属性：
messsage：创建Error对象时传入的message；
name：Error的名称，通常和类的名称一致；
stack：整个Error的错误信息，包括函数的调用栈，当我们直接打印Error对象时，打印的就是stack；
Error有一些自己的子类：
RangeError：下标值越界时使用的错误类型；
SyntaxError：解析语法错误时使用的错误类型；
TypeError：出现类型错误时，使用的错误类型；
异常的处理
我们会发现在之前的代码中，一个函数抛出了异常，调用它的时候程序会被强制终止：
这是因为如果我们在调用一个函数时，这个函 ...
JS高级-await
异步函数 asyncfunction
async关键字用于声明一个异步函数：
async是asynchronous单词的缩写，异步、非同步；
async是synchronous单词的缩写，同步、同时；
async异步函数可以有很多中写法：
异步函数的执行流程
异步函数的内部代码执行过程和普通的函数是一致的，默认情况下也是会被同步执行。
异步函数有返回值时，和普通函数会有区别：
情况一：异步函数也可以有返回值，但是异步函数的返回值相当于被包裹到Promise.resolve中；
情况二：如果我们的异步函数的返回值是Promise，状态由会由Promise决定；
情况三：如果我们的异步函数的返回值是一个对象并且实现了thenable，那么会由对象的then方法来决定；
如果我们在async中抛出了异常，那么程序它并不会像普通函数一样报错，而是会作为Promise的reject来传递；
异步函数返回值：
123456789async function foo2() { // 1.返回一个普通的值 // -> Promise.resolve(321) ...
JS高级-Iterator_Generator详解
什么是迭代器？
迭代器（iterator），使用户在容器对象（container，例如链表或数组）上遍访的对象，使用该接口无需关心对象的内部实现细节。
从迭代器的定义我们可以看出来，迭代器是帮助我们对某个数据结构进行遍历的对象。
在JavaScript中，迭代器也是一个具体的对象，这个对象需要符合迭代器协议（iterator protocol）：
迭代器协议定义了产生一系列值（无论是有限还是无限个）的标准方式；
在JavaScript中这个标准就是一个特定的next方法；
next方法有如下的要求：
一个无参数或者一个参数的函数，返回一个应当拥有以下两个属性的对象：
done（boolean）
如果迭代器可以产生序列中的下一个值，则为 false。（这等价于没有指定 done 这个属性。）
如果迭代器已将序列迭代完毕，则为 true。这种情况下，value 是可选的，如果它依然存在，即为迭代结束之后的默认返回值。
value
迭代器返回的任何 JavaScript 值。done 为 true 时可省略。
12345678910111213141516171819202 ...
