createTextNode创建文本节点:创建的是纯文本,创建完后是未被插入DOM的节点树。需要用到appendChild之类的方法。 例子: //获取节点ID位置 var testdiv = document.getElementById("testdiv") //首先是创建一个节点P var p ...
分类:
Web程序 时间:
2020-04-05 18:58:30
阅读次数:
94
``` 重绘:当元素的一部分属性发生改变, 如外观、背景、颜色等不会引起布局变化, 只需要浏览器根据元素的新属性重新绘制, 使元素呈现新的外观叫做重绘。 重排(回流):当render树中的一部分或者全部因为大小边距等问题发生改变而需要DOM树重新计算的过程 所以简单的来说就是。不会引起布局的变化,叫... ...
分类:
其他好文 时间:
2020-04-05 18:45:35
阅读次数:
66
TA就是,HTML解释器 从WebKit内核的HTML解释器的角度来看HTML。了解HTML文档是如何从字节流,一步步到DOM树的。理解这个过程,很多前端开发时一知半解的问题都能够很好地理解了。 总览解释过程 首先HTML解释器接受到的是字节流(Bytes),经过解码之后是字符流(Character ...
分类:
Web程序 时间:
2020-04-05 18:35:17
阅读次数:
97
HTML DOM 导航 通过 HTML DOM,您能够使用节点关系在节点树中导航。 HTML DOM 节点列表 getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。 下面的代码选取文档中的所有 <p> 节点: 实例 var x=document.getElemen ...
分类:
Web程序 时间:
2020-04-05 13:43:02
阅读次数:
78
javascript与HTML之间的交互是通过事件实现的。事件就是文档或者浏览器中发生的一些特定的交互瞬间。 事件流 事件流描述的是页面接受事件的顺序,而IE和Netscape的浏览器开发团队提出了两种截然不同的,甚至是完全相反的事件流概念。IE的事件流是事件冒泡,而Netscape的事件流是事件捕 ...
分类:
其他好文 时间:
2020-04-05 11:57:52
阅读次数:
70
今天在推特看到一篇文章《当页面渲染时,浏览器发生了什么》,于是找了些资料,分享一下所得。 浏览器的主要概念 浏览器主要分为这及部分。 User Interface 用户接口。浏览器中的地址栏、前进后退、书签菜单等。除了网页显示区域以外的都是。 Brower engine 浏览器引擎。查询与操作渲染引 ...
分类:
其他好文 时间:
2020-04-05 11:46:00
阅读次数:
80
本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景——分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程;与一些构建大型应用的高阶教程相比,又更专注于一些零碎细节的实现,方便读者快速 ...
分类:
Web程序 时间:
2020-04-05 10:05:14
阅读次数:
97
归纳总结Java解析XML主要有四中方式,分别是DOM、SAX、JDOM和DOM4J。其中DOM和SAX是官方包自带,另外两个JDOM和DOM4J是第三方包。 一、此篇测试代码用到的XML情况 。 1、XML内容展示 1 <?xml version="1.0" encoding="UTF-8"?> ...
分类:
编程语言 时间:
2020-04-05 09:28:31
阅读次数:
93
应用场景: 用户点击功能,JavaScript动态生成DOM树,然后用户点击删除,删除成功后,刷新该页面 思路: 将要发送的Ajax用一个函数存起来 然后,当用户点击时,执行该函数,然后生成该DOM树, 再然后,当用户点击该页面上的删除按钮时,发送一个删除命令的Ajax请求,删除完成后,再次调用该函 ...
分类:
Web程序 时间:
2020-04-05 00:28:16
阅读次数:
84
init:在实例开始初始化时同步调用。此时数据观测、事件等都尚未初始化。2.0中更名为beforeCreate。 created:在实例创建之后调用。此时已完成数据绑定、事件方法,但尚未开始DOM编译,即未挂载到document中。 beforeCompile:在DOM编译前调用。2.0废弃了该方法 ...
分类:
其他好文 时间:
2020-04-04 22:30:28
阅读次数:
141