Kira在掘金

DOM事件流包括三个阶段：事件捕获阶段，处于目标阶段与事件冒泡阶段 三个阶段。 由外至内层会经历捕获阶段，目标阶段，冒泡阶段三个阶段，相应地会触发路径元素上的事件。 事件冒泡既有好处，也有坏处。如果不使用事件冒泡可以通过event.preventDefault()阻止。 利用事…

var 存在提升，我们能在声明之前使用。let、const 因为暂时性死区的原因，不能在声明前使用 首先先来讲下 class，其实在 JS 中并不存在类，class 只是语法糖，本质还是函数。 async 和 await 可以说是异步终极解决方案了，相比直接使用 Promise…

如果两个页面拥有相同的协议（protocol），端口（如果指定），和主机，那么这两个页面就属于同一个源（origin），JavaScript 允许这种同源页面的数据互相通信。 同源策略限制了来自不同源的 JavaScript 脚本对当前 DOM 对象读和写的操作。 比如我们在w…

http请求之后就会产生流式的数据，我们不需要等上一步完全结束，所以我们看到的网站是逐渐出现的。 首先浏览器通过url把数据返回，返回数据使用的是http协议。 http协议是基于tcp协议(tcp双向通信)的，http协议是在tcp基础上增加了request和response…

Virtual DOM 其实就是一棵以 js对象（VNode节点）作为基础的树，用对象属性来描述节点，实际上它只是一层对真实 DOM 的抽象。Virtual DOM 以js对象作为基础，不依赖真实的环境，所以具有跨平台性，可以运行在 Vue 通过建立一个虚拟 DOM 对真实 D…

Vue.js 是一款 MVVM 框架，数据模型仅仅是普通的 JavaScript 对象。但是当数据进行改变时视图也会跟着变化，他的实现原理就是通过响应式系统。 通过object.defineProperty可以让对象变为可观察的。 仅有defineProperty是不够的，因为…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 我们通信的目的往往就是在组件之间传递数据或组件的状态，进而更改状态。但可以看到如果我们通过最基本的方式来进行通信，一旦需…

Model: 域模型，用于持久化，通过 Ajax/fetch 等 API 完成客户端和服务端业务 Model 的同步。在层间关系里，它主要用于抽象出 ViewModel 中视图的 Model。 ViewModel: 作为视图的模型，为视图服务。ViewModel 层把 View…

1 浏览器向服务器发出请求。 2 服务器监听到80端口，如果有请求过来，那么就解析url地址。 3 服务器根据客户端的路由配置，然后就返回相应的信息(比如html字符串、json数据或图片等)。 4 浏览器根据数据包的 Content-Type来决定如何解析数据。 为了构建 S…