为了更好的理解服务端渲染，我们可以将服务端渲染与客户端渲染对比着来看。 前端做视图和交互，后端只提供接口数据，前端通过ajax向服务端请求数据，获取到数据后通过js生成DOM插入HTML页面，最终渲染给用户。页面代码在浏览器源代码中看不到。 做到了前后端分离，在团队开发中只要负…

3. Promise 4. 节流防抖 5. 路由 4. 高手的源码 （vuejs源码） 5. 高手点评 0. 根据package.json的npm run build逻辑找到vue执行的入口

最近在学习一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的异步更新策略及 nextTick 原理。 这段代码很简单，相信很多人都会说yes。当然也…

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 keep-alive 的场景和错误处理的场景。 进入了 _init 函数…

当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html文件解析成一个DOM树，与此同时，浏览器将识别并加载CSS样式，并和DOM树一起合并为一个渲染树。有了渲染树后，渲染引擎将计算所有元素的位置信息，最后通过绘制，在屏幕上…

Vue的模板编译在$mount之后，通过compile方法，经过parse、optimize、generate方法，最后生成render function来生成虚拟DOM，虚拟DOM通过diff算法，来更新DOM。 在了解 parse 的过程之前，我们需要了解 AST，AST …

JavaScript 在诞生之初只是为了解决表单验证的问题。当时，用户们都在使用 28.8 bit/s 的调制解调器上网，随着网页变得越来越大、越来越复杂。这时用户提交一个表单就需要与服务器进行大量的数据交换，在当时那么慢的网络情况下，等了 30s 之后弹出一条消息，告诉你字段…

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

优质文章汇总高级前端必会的十个函数使用mono-repo实现跨项目组件共享TypeScript高级特性ScopedStyle解决方案之deep深入理解前端如何修改组件库源码来封装符合自己需求的组件？这