Inspire尘

什么是AST抽象语法树 程序的编译过程是什么 AST的用途又是什 Babel的原理 ,让我们带着这些疑问一起来看下具体内容吧...

废话不多说，我们直接开搞源码，初始化创建一个vue实例。如果所示，我们就初始化了一个最简单的页面 加断点在new Vue的地方，进入vue源码 我们可以看到实例化vue后，...

首先我们先下载vue的源码，npm i vue@2.6.14。我们以目前vue2最新版的来讲述。运行npm run build，发现在dist目录下有很多个版本的vue，那...

一个项目从开发到部署的整个流程如下： 实现自动化部署，首先在github上有一个远程仓库，然后还有一台云服务器。 配置github access token 1.生成个人t...

什么是渲染？我们通常所说的就是把数据和HTML模版拼接在一起，然后呈现给用户就叫做渲染。 渲染通过页面渲染的终端被分为两类。即客户端渲染和服务端渲染。 什么是服务端渲染呢？...

首先必须得先拥有一台云服务器，远程链接该服务器，接下来就是搭建node环境啦！ 安装node 1.下载node wget https://nodejs.org/dist/v...

1.分包---splitChunks 可以对第三方引入的插件分开打包 2.代码懒加载。我们对首次加载不需要的代码设置延迟加载，或者在需要的时候才加载。通过import()函...

通过前面的学习，我们的打包模式一直是在development环境下进行的，接下来我们就要区分开发和生产环境的webpack配置了。 1.新建文件夹config。再创建3个文...

前面说到我们都通过webpack-dev-server插件来实现搭建开发环境的，我们在开发环境下，往往需要修改一些配置来方便我们开发。接下来就介绍一些对开发有用的配置。 配...

什么是热更新呢？他允许我们在更新模块时，页面不需要完全刷新，能做到局部刷新。 webpack-dev-server配置热更新 在入口文件下，添加热更新针对的模块。 之后我们...

通过前面的学习，我们每次测试我们修改的文件是否正确，我们都要手动的去运行npm run build操作，然后查看页面是否更新，而且我们还用到了vscode的插件--live...

在我们项目开发中，我们现在会用jsx、ts、es6+等不被浏览器识别的语言或者特性，这时候我们就需要一个工具转换这些特性。这就是我们要用babel的原因，他非常类似post...

plugin跟loader有什么区别呢？ 我们通过前面写的loader可以看出，loader是为来处理各种各种的文件而存在的，可以简单理解为他把浏览器不能识别的文件转换成能...

在处理业务时，我们也会用到字体库，加下来我们就学习webpack自带的asset属性来处理字体。 1.我们去iconfont的官网去下载一个字体库，按照说明我们把它引入到项...

通常我做网站时，会用到图片资源，那一般有两种引入方式，一是img标签的src属性，而是通过css的background-image属性来家在图片，那这两种模式我们怎么在we...

上一小节我们打包的js文件，但是对于我们前端，js只是其中的一部分，接下来我们要打包css。 1.修改js文件，我们动态创建一个div标签，然后通过css给这个标签添加样式...

我们想象一下，为什么我们在项目中可以处理less，可以引入图片，可以使用js的高级特性等，而我们的游览器并不能解析他们，却依然得到了我们想要的结果，那是谁在帮我们做这一件事...

什么是防抖和节流？ debounce: 假设我们设置一个时间间隔n，我们在n的时间间隔里不停触发事件，那这个事件就永远不会执行，当我们停止触发后，从停止触发的时间往后加n的...