摘要: DOM全拼为Document Object Model(文档对象模型)是一种用于HTML和XML文档的编程接口,它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。 DOM实际上是以面向对象方式描述的文档模型。DOM定义 阅读全文
posted @ 2019-08-09 21:19 FFLYY 阅读(664) 评论(0) 推荐(0) 编辑
摘要: 简单点来说就是创建了dom以后,还未完全渲染,就去获取dom的高度,显然是会出问题的。代码如下,可找个图片自行体会:<div id="bgImg"></div> <script> document.body.scrollHeight; var odiv = document.getElementBy 阅读全文
posted @ 2019-08-09 20:54 FFLYY 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 一、主要模块 1.HTML解析器 解析HTML文本的解析器,主要作用是将HTML代码解析成DOM树 2.CSS解析器 级联样式表的解析器,主要作用是为DOM中的各个元素对象计算出样式信息, 从而为计算最后网页的布局提供基础设施 3.Javascript引擎 解析执行javascript脚本,使用ja 阅读全文
posted @ 2019-08-09 20:46 FFLYY 阅读(153) 评论(0) 推荐(0) 编辑
摘要: DOM是很慢的,其元素非常庞大,页面的性能问题鲜有由JS引起的,大部分都是由DOM操作引起的。如果对前端工作进行抽象的话,主要就是维护状态和更新视图;而更新视图和维护状态都需要DOM操作。其实近年来,前端的框架主要发展方向就是解放DOM操作的复杂性。 更新DOM是非常昂贵的操作 当我们使用Javas 阅读全文
posted @ 2019-08-09 20:23 FFLYY 阅读(834) 评论(0) 推荐(0) 编辑
摘要: 虚拟dom就是一个特殊的对象。Vue之所以运行高效,因为采用了虚拟dom,减少了对真实的dom操作。一、dom和虚拟dom对比//dom<ul id='test'> <p class='hehe'>这里是p标签</p></ul>//对应的虚拟dom对象let vdom={ tag:'ul', att 阅读全文
posted @ 2019-08-09 19:53 FFLYY 阅读(422) 评论(0) 推荐(0) 编辑