vue渲染过程

news/2024/7/10 1:34:38 标签: html5, javascript, vue

1.响应式:

        由object.definproperty 方法的setter 和getter 方法实现响应监听(发布-订阅者)

2.模板编译:

        将模板编译成render 函数,执行render 函数生成虚拟dom

3.path(diff 算法):

        通过patch 方法进行虚拟dom 的比较, 来更新视图。


http://www.niftyadmin.cn/n/861224.html

相关文章

面向对象的三大特点?

封装,继承,多态

元素——块级元素、行内元素、行内块元素

块级元素:div p h1~h6 ul 行内元素:a span input select img

Cookie 和localStorage、SessionStorage 区别

存储大小: Cookie(小饼干)4K Storage 5M 有效期: Cookie 有有效期 Storage永久存储(localStorage 永久 SessionStorage 到页面关闭) 路径: Cookie 有路径限制 Storage 只存储在域名下 API: Cookie 没…

节流 防抖

节流: 这种是你一直点,但是它还是在设置的x 秒响应,无论你点多少次,都是在规定时间内访问。 防抖: 即在你点击的最后一次开始计时,达到设置的x 秒, 响应 顾名思义,防止手抖,这种对于淘宝双11 来说…

js面向对象编程

js面向对象编程js使用构造函数作为对象的模板.var Vehicle function() {this.price 1000;};生成对象实例var v new Vehicle();v.price;//1000传参数的构造函数var Vehicle function(value) {this.price value;}var v new Vehicle(500);prototype对象对象原型的…

setTimeout 和setInterval 区别

setTimeout: 在自定义时间到了之后,运行一次setTimeout 代码 setInterval: 在自定义时间到了之后,循环往复执行setInterval 代码

数组相关 slice indexOf map filter reduce push返回什么

1.slice 不会改变原数组 splice() 增加删除...元素 2.array.indexOf("ok") array 中有ok 的话,返回其下标;没有,返回-1 3.map() 是对数组的每个元素都遍历一次,同时返回一个新的数组,返回数组的长…

jquery基础之学习笔记

jQuery基础jQuery对象jQuery最重要的概念就是jQuery对象,用$代替.jQuery构造函数jquery对象本质是一个构造函数,主要作用返回jquery对象的实例.只有生成了jquery对象实例,才能使用jquery对象中的各种方法.j…