学习

32 阅读1分钟

CGI ASP JSP Ajax SPA Vue的核心特性: 数据驱动MVVM 组件化 指令系统 v-if for on bind model Vue操作数据,JQuery操作DOM Vue的特性: 组件化思想,服务端渲染,虚拟DOM,数据驱动视图,支持native的方案,Vue的weex vue的构建工具,vite 和webpack Vue是双向数据绑定,React是单向数据绑定。React是不可变的数据,Vue是可变数据。React通过回调函数通信,Vue父子通信通过回调函数和事件通信。 Vue通过diff算法使用双指针,通过边对比Js对象的不同,边更新Dom。 JSP在html页面中嵌入java代码 v-show v-if v-show通过display控制dom元素的显示和隐藏,v-if通过dom元素的销毁和重建来显示dom元素。 v-if有一个局部编译和卸载的过程,v-show只是切换css的状态 v-if会触发组件的生命周期的钩子,v-show不会触发组件的生命周期的钩子。 template解析的过程 解析模板生成抽象语法树,识别静态节点,将抽象语法树转化为渲染函数,执行渲染函数生成虚拟dom,通过patch转化为真实的dom,挂载到页面中。更新是会执行渲染函数生成虚拟dom,与旧的虚拟dom进行对比diff算法,局部更新变化的部分到真实dom上 computed原理 建立一个watcher的实例,当要访问计算属性的时候,执行getter()方法,会设立缓存,如果数据没变化,访问计算属性时返回缓存数据,如果数据变化,通知Watcher标记为脏数据然后执行getter()方法更新缓存