谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS

笔者入坑学习 Vue 也算是有段时间了，文档和一些大佬的项目、文章也多少看了一些，但是似乎这个问题思考的很少，每次在写项目或是 demo 的时候直接就是代码往上怼，深入的地方也仅限于了解了路由和模板编译的源码实现，也没有深究过为什么只能有一个根元素。这个问题我觉得对于刚入门 V…

Http 优化方式是前端性能优化的重要部分，也是前端必备的知识点之一。 这个是最根本的途径，假设真的有个 10 几兆以上的静态资源文件，不减少大小的情况下，即使优化做到了极致，用户体验也好不了哪里去。 如果整个网页就 2KB 大小的资源文件，不优化都很快。 只打包用到的依赖包，…

在前端面试中，经常会被问到“一个页面从输入URL到页面加载显示完成，这个过程都发生了什么”，这是前端的经典面试题之一。这个过程涉及的东西很多，区分度很高。 载入解析到的资源文件，完成页面渲染。 ☞其实，我们了解这个过程对前端的性能优化是有意义的，在这个过程中找到优化点，去缩短请…

Vue3.0从20年九月发布第一个One Piece版本，到现在一直在更新优化；中文版的官方文档也已经放出；那么作为终端用户的我们来看下Vue3新增了哪些功能和特性。

1. v-model实现自定义组件双向绑定 v-model其实是个语法糖，如果没按照相应的规范定义组件，直接写v-model是不会生效的。再说一遍，类似于v-on:click可以简写成@click，v

前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈

一个实例从创建到销毁的一个过程。 --> 初始化data数据，实现监听，初始化vue内部事件，进行属性和方法的计算。 --> 初始化完成，调用created：这里可以调用methods中的方法，修改data数据， 并且可触发computed重新计算，watch变更等。但是dom…

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