王聪_link

实际上并没有一个称为HTTP缓存的API。它是Web平台API集合的通用名称。所有浏览器均支持这些API： HTTP缓存的行为由请求标头和 响应标头的组合控制 。在理想情况下，可以控制Web应用程序的代码（将确定请求标头）和Web服务器的配置（将确定响应标头）。 常见的 HTT…

现在我们从createApp函数为入口，去了解应用创建的过程。 查看官方文档和上面的例子我们可以知道，createApp方法接收的是根组件对象作为参数，并返回了一个有mount方法的应用实例对象。 重写了app.mount方法。document.querySelector方法获…

阅读本篇可以了解到vue-next项目结构和调试方法，有助于我们更高效的阅读源码。 vue-next项目开发采用的是monorepo模式，在packages目录下托管许多相互关联的应用程序包。参考：yarn workspaces reactivity：响应式系统。它可以独立于框…

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 如果未使用keep-alive组件，则在页面回退时仍然会重新渲染页面，触发created钩子，使用体验不…

在解析源码前，先来了解下前端路由的实现原理。 前端路由实现起来其实很简单，本质就是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。目前单页面使用的路由就只有两种实现方式 www.test.com/#/ 就是 Hash URL，当 # 后面的哈希值发生变化时…

最近一段时间在阅读Vue源码，从它的核心原理入手，开始了源码的学习，而其核心原理就是其数据的响应式，讲到Vue的响应式原理，我们可以从它的兼容性说起，Vue不支持IE8以下版本的浏览器，因为Vue是基于 Object.defineProperty 来实现数据响应的...

这是十篇 Vue 系列文章的第三篇，这篇文章我们讲讲 Vue 最核心的功能之一 —— 响应式原理。 可以这样理解：当一个状态改变之后，与这个状态相关的事务也立即随之改变，从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普通的 JavaScript 对象。而当…

对象：无序属性的集合，其属性可以包含基本值、对象或者函数。 每个实例都会有自己的一份实例属性的副本，但同时又共享着原型对象的引用，最大限度的节省了内存。另外，这种混合模式还支持向构造函数传递参数，可谓是集两种模式之长 ES6 提供了更接近传统语言的写法，引入了 Class（类）…

声明：本文章中所有源码取自Version: 2.5.13的dev分支上的Vue，不保证文章内观点的绝对准确性。文章整理自本周我在小组的内部分享。 我们目前的技术栈主要采用Vue，而工作中我们碰到了一种情况是当传入某些组件内的props被改变时我们需要重置整个组件的生命周期（比如…