妙笔生花

1.在Vue初始化的过程中会执行initAssetRegisters函数并把Vue当成参数传入，执行的过程中遍历ASSET_TYPES数组，该数组存放了三个参数['component','directive','filter']将每一个参数都定义在Vue上并赋值为函数，函数的入…

前置知识：在了解nextTick原理之前需要先去学习下js事件循环相关的知识，因为nextTick是利用该机制实现的。 1.首先定义了全局的callbacks数组、pending状态、isUsingMicroTask、flushCallbacks函数和timerFunc函数。 …

在一个页面中我们可以把页面的一部分拆成一个组件，可以是一个按钮或者是一个导航栏。在一开始编写代码的时候还没有组件这一说，慢慢地我们从开始编写面向过程的代码到面向对象的代码再到组件化的代码，一步步进化到组件。 这是一开始实现的jquery代码，将button和li的click事件…

HTTP是一种能够获取如 HTML 这样的网络资源的 protocol(通讯协议)。它是在 Web 上进行数据交换的基础，是一种 client-server 协议，也就是说，请求通常是由像浏览器这样的接受方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的，像是文本、布…

我们看到loader是用于对模块的源代码进行转换，模块就是要打包的文件如js、css、图片等。webpack不能是识别非js结尾的模块，那么我们要让webpack去识别就要用到loader了。 先看下一下要打包的文件，我想打包这个js文件，但是webpack并不能识别引入的jp…

webpack中的核心概念总结起来就是Entry、Output、Loaders、Plugins、Chunk。 Entry：指定webpack构建模块的入口文件，并且构建直接或者间接引入的模块。 Output：指定webpack输出文件的命名以及路径。 Loaders：处理各种资…

这些布局可以任意组合来达成我们想要的效果，但是也增加了难度。比如说垂直居中就没有那么容易实现 我们使用flex布局一般会通过给一个容器设置display: flex将其变成flex容器，内部的元素就成了容器成员。 图中的flex-container就是容器，包裹着的两个flex…

在说缓存之前先简单说一下HTTP报文。HTTP报文是在HTTP应用程序之间发送的数据块。报文的结构由起始行、头部（header）和主体（body）组成。报文的类型又有请求报文和响应报文。 当浏览器第一次向服务器请求资源时会去询问服务器这个资源该不该缓存，用什么方法缓存。假设服务…

题目解析：看起来是链式调用并且有流程控制其中sleepFisrt要在所有函数之前执行。大致的思路是创建一个任务队列，将每一项任务（输出名字、吃饭、睡觉）都放进队列里按顺序执行。代码如下：