imyjay

Vue Router 写之前先分析 Vue Router 究竟实现了哪些核心功能？ 构建单页面应用 根据url的变化能够展示不同内容 router-view 组件以及 router-link 组件 响

在传统 web 开发中，网页内容都是在服务器端渲染好，再传输至浏览器；而单页应用凭借着其优秀的用户体验，逐渐成为主流，在单页应用（SPA）中，页面具体内容由 JS 渲染出来，一般被成为客户端渲染。而 SPA 有两个显著缺点： SEO 不友好（页面上呈现的内容，无法在 html …

URL 经过 DNS 解析为 IP 地址，然后与 IP 地址进行 TCP 连接，随后发出 HTTP 请求，服务器处理完请求之后将内容通过 HTTP 发送给客户端，拿到数据后浏览器就开始渲染流程。简单的说分为以下几个步骤：DNS 解析，TCP 连接，HTTP 请求，HTTP响应，…

众所周知，v-model 是 Vue.js 中实现的一个语法糖，和 Vue.js 中推崇的单向数据流表现不一致，用于实现所谓的双向绑定。 但看似简单的 v-model 具体是怎么做到双向绑定的，为了满足下好奇心，不得不深入到源码中看一看。 v-model 的使用情景分为两种：直…

众所周知，v-model 是 Vue.js 中实现的一个语法糖，和 Vue.js 中推崇的单向数据流表现不一致，用于实现所谓的双向绑定。 但看似简单的 v-model 具体是怎么做到双向绑定的，为了满足下好奇心，不得不深入到源码中看一看。 v-model 的使用情景分为两种：直…

在 promise 出现之前，异步编程由回调函数完成，很容易出现回调嵌套过多，也即常提到的“回调地狱”。回调地狱不仅是可读性差，维护起来也相当麻烦，如果某个环节出错了，经常无法准确定位问题。 Promise 正是为了解决这些问题而出现，链式调用解决了回调地狱的问题，它的错误传播…

如果提供了没有提供参数，则移除所有事件监听器；如果只提供了事件，则移除该事件绑定的所有监听器；如果同时提供了两个参数，则只移除这个回调的监听器。 监听一个自定义事件，但是只触发一次，第一次触发后移除监听器。 这里对函数 fn 做了一层拦截，在函数执行前就先销毁了监听器，实现了需…

日常工作中可能大家或多或少的在 JS 中使用 HTML 渲染模板，特别是在 jQuery 时代，我们可以在模板中方便的使用 JS 表达式甚至是一些指令。在 Vue.js 中模板功能变得更为灵活，这依赖于其强大的模板编译功能。模板编译的主要功能是将模板编译成为渲染函数，而渲染函数…

在Vue.js 等主流框架中，我们只需要描述应用状态以及 DOM 之间的映射关系，具体渲染由框架负责。那框架是如何确定状态中发生了什么变化以及需要在哪里更新 DOM 呢？最简单粗暴的方法是把所有 DOM 都删了重新生成一份 DOM。显然这是不可取的，访问 DOM 的操作是相当昂…