dom

一、js HTML DOM （一）DOM简介 1.通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被结构化为对象树： HTML DOM 是： • HTML 的标准对象模型 • HTML 的标准编程接口 • W3C 标准 W3C DOM 标准被分为 3 个不同的部分： ·Core DOM - 所有文档类型的标准模型 ·XML DOM - XML 文档的标准模型 ·HTML DOM - HTML 文档的标准模型 总之：HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。 2. 创建动态 HTML DOM一般用法 • 改变 HTML 元素的内容 • 改变 HTML 元素的样式（CSS） • 对 HTML DOM 事件作出反应 • 添加和删除 HTML 元素 3. javascript 有三部分构成，ECMAScript，DOM和BOM （二）DOM方法 1.在 DOM 中，所有 HTML 元素都被定义为对象。 HTML DOM 方法是您能够（在 HTML 元素上）执行的动作。 HTML DOM 属性是您能够设置或改变的 HTML 元素的值。 document.getElementById("demo")

一、什么是XML XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是 传输数据 ，而 非显示数据 XML 标签 没有被预定义 。您 需要自行定义标签 。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 二、html与xml的区别 XML 不是 HTML 的替代。 XML 和 HTML 为不同的目的而设计： XML 被设计为传输和存储数据，其焦点是 数据的内容 。 ​ HTML 被设计用来显示数据，其焦点是数据的外观 。 ​ HTML 旨在显示信息，而 XML 旨在传输信息。 ​ HTML语法比较松散，xml语法严格 ​ HTML所有标签都是预先定义好的， 使用固定的标签，展示不同的内容 ​ XML当中的标签都是 自己定义 的 ​ XML用处， 数据存储、配置文件、数据传输 ​ 三、XML的基本语法 1、文档声明 可以添加以下属性 version版本号，固定1.0 encoding指定文档的码表 默认iso-8859-1 standalone指定文档是否独立yes或no是否可以引用其它文件 注：文档声明 必须放在第一行 2、规则 所有 XML 元素都 须有关闭标签 XML 标签对 大小写敏感 XML 必须 正确地嵌套 XML 文档 必须有根元素 XML 的 属性值须加引号

this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的，也就好比我们将打印输出的代码放在setTimeout(fn, 0)中； 先来第一个例子看一看 <template> <section> <div ref="hello"> <h1>Hello World ~</h1> </div> <el-button type="danger" @click="get">点击</el-button> </section> </template> <script> export default { methods: { get() { } }, mounted() { console.log(333); console.log(this.$refs['hello']); this.$nextTick(() => { console.log(444); console.log(this.$refs['hello']); }); }, created() { console.log(111); console.log

“DOM 引用照成内存泄露”这一点我们可以使用WeakMap或者WeakSet存储DOM节点，DOM被移除掉WeakMap或者WeakSet内部的DOM引用会被自动回收清除 https://juejin.im/post/5b684f30f265da0f9f4e87cf 来源： https://www.cnblogs.com/ltfxy/p/12287937.html