DOMDOMdocumentObjectModel文档对象模型//整个html文档,会保存一个文档对象document//console.log(document);//获取当前文档的对象查找标签直接查找document.getElementsByTagName("标签名")document.getElementById("id值")document.getElementsByClassName("类名")1、方法的返回值是dom对象还是数组2、document对象可以是任意dom对象，将查询范围限制在当前dom对象导航查找标签varc2=document.getElementsByClass
DOMDOMdocumentObjectModel文档对象模型//整个html文档,会保存一个文档对象document//console.log(document);//获取当前文档的对象查找标签直接查找document.getElementsByTagName("标签名")document.getElementById("id值")document.getElementsByClassName("类名")1、方法的返回值是dom对象还是数组2、document对象可以是任意dom对象，将查询范围限制在当前dom对象导航查找标签varc2=document.getElementsByClass
目录网页DOM编程Node、Document和Element三者关系DOM编程常用API总结DOM编程API应用网页DOM编程Node、Document和Element三者关系Node：各种类型的DOMAPI对象会从这个接口继承。Document：表示在任何在浏览器中加载的网页（DOM树）。Element：描述所有相同种类的元素所普遍具有的方法和属性。完整的继承关系如下图：说明：图中的子类可以从父类继承方法和属性。DOM编程常用API总结Node节点属性方法说明Node.nodeName只读返回一个包含该节点名字的DOMString。Node.nodeType只读返回一个与该节点类型对应的无符
目录网页DOM编程Node、Document和Element三者关系DOM编程常用API总结DOM编程API应用网页DOM编程Node、Document和Element三者关系Node：各种类型的DOMAPI对象会从这个接口继承。Document：表示在任何在浏览器中加载的网页（DOM树）。Element：描述所有相同种类的元素所普遍具有的方法和属性。完整的继承关系如下图：说明：图中的子类可以从父类继承方法和属性。DOM编程常用API总结Node节点属性方法说明Node.nodeName只读返回一个包含该节点名字的DOMString。Node.nodeType只读返回一个与该节点类型对应的无符
一、对虚拟DOM的理解虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能。在代码渲染到页面之前，vue会把代码转换成一个对象（虚拟DOM）。在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进行比较。在vue内部封装了diff算法，通过这个算法来进行比较，渲染时修改改变的变化，原先没有发生改变的通过原先的数据进行渲染。二、虚拟DOM的解析
一、对虚拟DOM的理解虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能。在代码渲染到页面之前，vue会把代码转换成一个对象（虚拟DOM）。在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进行比较。在vue内部封装了diff算法，通过这个算法来进行比较，渲染时修改改变的变化，原先没有发生改变的通过原先的数据进行渲染。二、虚拟DOM的解析
好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面接受事件的顺序, 举个栗子:来写一个简单页面"en">head>vuetesthead>id="app">赞它的大致层级:第一层 --Document 第二层 ----第三层 ----第四层 ---- 这个时候,有个靓仔点了一下页面中的"赞"然后,有人为了争论"点击事件
好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面接受事件的顺序, 举个栗子:来写一个简单页面"en">head>vuetesthead>id="app">赞它的大致层级:第一层 --Document 第二层 ----第三层 ----第四层 ---- 这个时候,有个靓仔点了一下页面中的"赞"然后,有人为了争论"点击事件
vue的虚拟dom和diff算法1.虚拟dom虚拟dom，我的理解就是通过js对象的方式来具体化每一个节点，把dom树上面的每个节点都变为对象里的一个元素，元素的子元素变为子节点，节点上面的class、id、attribute等属性变为data内的值，然后通过dom上面的createElement、appendChild、insertBefore等方法进行生成dom树。letVNode={sel:'div',data:{key:0,props:{},attrs:{},class:{},style:{},fn:{}},text:'虚拟dom',elm:'虚拟dom'children:[{sel:
vue的虚拟dom和diff算法1.虚拟dom虚拟dom，我的理解就是通过js对象的方式来具体化每一个节点，把dom树上面的每个节点都变为对象里的一个元素，元素的子元素变为子节点，节点上面的class、id、attribute等属性变为data内的值，然后通过dom上面的createElement、appendChild、insertBefore等方法进行生成dom树。letVNode={sel:'div',data:{key:0,props:{},attrs:{},class:{},style:{},fn:{}},text:'虚拟dom',elm:'虚拟dom'children:[{sel:
