一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。当这些…

优点：简单粗暴，通俗易懂。 缺点：这是最简单粗暴的实现，确实 sleep 了，也确实卡死了，CPU 会飙升，无论你的服务器 CPU 有多么 Niubility。 优点：这种方式实际上是用了 setTimeout，没有形成进程阻塞，不会造成性能和负载问题。 优点：能够实现更加精细…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 时隔一周不见，霖呆呆我终于更新文章了，小声嘀咕说想我了... 呸... 咳咳，其实我一直在隐忍准备来一发大的好不。 这不，这一章节就是整理了45道Promise的笔试题让大家爽一爽 😁。 另外查了很多关于Promi…

所谓Tree-shaking就是‘摇’的意思，作用是把项目中没必要的模块全部抖掉，用于在不同的模块之间消除无用的代码，可列为性能优化的范畴。 Tree-shaking早期由rollup实现，后来webpack2也实现了Tree-shaking的功能，但是至今还不是很完备。至于为…

随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 babel-lo…

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章中，我们将看到许多实际应用。 target —— 是要包装的对象，可以是任何东西，包括函数。 handle…

官方的描述其实挺难理解的,言简意赅,很精准,但是还是需要大白话来仔仔细细的解释下这段话。 其实是这样的,Proxy又叫拦截器,就是在你操作对象或函数前，进行拦截，拦截的同时提供了做了某些操作，通过Proxy，我们可以不操作对象，通过Proxy代理对象来间接操作对象或函数来达到我…

1. 概要： Symbol 值通过Symbol函数生成。 凡是属性名属于 Symbol 类型，就都是独一无二的。 对象的属性名可以有两种类型，一种是字符串，另一种就是 Symbol类型 。 2. Symbol 作为对象属性名 关于创建Symbol 对象，括号里面仅仅是对Symb…

map（数组方法）： 特性： map不改变原数组但是会 返回新数组 可以使用break中断循环，可以使用return返回到外层函数 实例： forEach（数组方法）： 特性： 便利的时候更加简洁，效