出来吧皮卡丘

金九银十，又是一年跑路季。先介绍下个人情况，一年半经验，计算机专业的渣渣大专。凭着对前端的热爱，基本每天都会抽点时间来学习，基础还算可以。其实上家公司呆着还是挺舒服的，没有加班，唯一不好就是不偏技术，业务也相对简单。考虑到未来的职业发展，最终还是选择跳出这个舒适圈。 9月中旬离…

MVVM 对应 3个组成部分，Model（模型）、View（视图） 和 ViewModel（视图模型）。 View 是用户在屏幕上看到的结构、布局和外观，也称UI。 ViewModel 是一个绑定器，能和 View 层和 Model 层进行通信。 Model 是数据和逻辑。 V…

字节流解码。浏览器获得字节数据，根据字节编码将字节流解码，转换为代码。 输入流预处理。字符数据进行统一格式化。 令牌化。从输入流中提取可识别的子串和标记符号。可以理解为对HTML解析，进行词法分析，匹配标签生成令牌结构。 构建DOM树、构建CSSOM树。DOM树和CSSOM树的…

两者都是存放数据的地方。 栈（stack）是自动分配的内存空间，它存放基本类型的值和引用类型的内存地址。 堆（heap）是动态分配的内存空间，它存放引用类型的值。 JavaScript 不允许直接操作堆空间的对象，在操作对象时，实际操作是对象的引用，而存放在栈空间中的内存地址就…

在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。Vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析…

在 Vue 核心中除了响应式原理外，视图渲染也是重中之重。我们都知道每次更新数据，都会走视图渲染的逻辑，而这当中牵扯的逻辑也是十分繁琐。 本文主要解析的是初始化视图渲染流程，你将会了解到从挂载组件开始，Vue 是如何构建 VNode，又是如何将 VNode 转为真实节点并挂载到…

更新 prop 在业务中是很常见的需求，但在子组件中不允许直接修改 prop，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件，在父组件中接收该事件的传值来更新 prop。 这种做法没有问题，我也常用这种手段来更新 p…

异步更新是 Vue 核心实现之一，在整体流程中充当着 watcher 更新的调度者这一角色。大部分 watcher 更新都会经过它的处理，在适当时机让更新有序的执行。而 nextTick 作为异步更新的核心，也是需要学习的重点。 在理解异步更新前，需要对JS运行机制有些了解，如…

watch 是由用户定义的数据监听，当监听的属性发生改变就会触发回调，这项配置在业务中是很常用。在面试时，也是必问知识点，一般会用作和 computed 进行比较。 那么本文就来带大家从源码理解 watch 的工作流程，以及依赖收集和深度监听的实现。在此之前，希望你能对响应式原…