vue.js响应式原理

JavaScript011

vue.js响应式原理,第1张

vue2响应式原理主要通过 Object.fefineProperty

当把一个普通的js对象传入 Vue 实例作为 data 选项,Vue将遍历此对象所有的属性,并使用 Object.fefineProperty 把这些属性全部转为 getter/setter 。 Object.defineProperty 是ES5中一个无法 shim 的特性,这也是Vue 不支持IE8 以及更低版本浏览器的原因。

vue3响应式原理主要通过 Proxy 代理对象

虚拟dom就是用普通的js对象来描述 DOM 对象

真实dom成员复杂,虚拟dom可以用简洁的方式来表示实现真实dom,创建虚拟dom开销小。

虚拟dom库

使用模块

Snabbdom 核心

patch 整体过程分析

js获取response对象

1.

response主要方法方法名称作用setHeader(name,value)设置响应信息头setContentType (String)设置响应文件类型、响应式的编码格式setCharacterEncoding(String)设置服务端响应内容编码格式getWriter()获取字符输出流

2.

response应用Java复制代码 1//获取请求参数代码省略2//获取输出流3PrintWriter out=response.getWriter()4out.println("<html>")5out.println("<head ISO8859-1编码响应内容

3.

解决输出中文乱码●设置服务器端响应的编码格式●设置客户端响应内容的头内容的

传入参数this,每个dom节点多有this<br>function c(self){<br>alert(self.id)<br>}<br><input type='button' id='id1' onclick='c(this)'/>这里传入this,代表当前input<br><input type='button' id='id2' onclick='c(this)'/>这里传入this,代表当前input