10 分钟了解 nextTick ,并实现简易版的 nextTick
在 Vue.js 中,有一个特殊的方法 nextTick,它在 DOM 更新后执行一段代码,起到等待 DOM 绘制完成的作用。本文会详细介绍 nextTick 的原理和使用方法,并实现一个简易版的 nextTick,加深对它的理解。
阅读量: 639标签: dom
如何使用Map处理Dom节点
本文浅析一下为什么Map(和WeakMap)在处理大量DOM节点时特别有用。我们在JavaScript中使用了很多普通的、古老的对象来存储键/值数据,它们处理的非常出色:
阅读量: 646标签: dom
HTML5中的document.visibilityState
在 HTML5 中,文档对象(即 document 对象)具有一个 visibilityState 属性,该属性表示当前文档对象的可见性状态。visibilityState 可能的取值有以下三种:visible :表示文档当前处于激活状态,即当前选项卡处于前台或当前窗口处于屏幕最上层。
阅读量: 628标签: dom
HTMLElement.innerText 和 Node.textContent傻傻分不清楚?
当我们想要访问DOM中的文本内容时,肯定会第一时间想到HTMLElement.innerText。事实上,JavaScript 提供了两个可用于「访问元素文本内容的」属性:Node.textContent和HTMLElement.innerText。
阅读量: 597标签: dom
如何更好的处理还未创建的 DOM 节点?
在平时的研发需求中,我们可能会遇到这样的场景:某些 DOM 节点还没创建出来,我们也不知道它何时创建出来。但是我们希望在这个节点创建出来的时候做点啥事情,比如创建一个事件监听器。
阅读量: 1.2k标签: dom
ahooks 是怎么处理 DOM 的?
本篇文章探讨一下 ahooks 对 DOM 类 Hooks 使用规范,以及源码中是如何去做处理的。第一点,ahooks 大部分 DOM 类 Hooks 都会接收 target 参数,表示要处理的元素。
阅读量: 756标签: dom
一文带你掌握虚拟 DOM 的灵魂
React 和 Vue 中都有虚拟 DOM,我们应该如何理解和掌握虚拟 DOM 的精髓呢?我推荐大家学习Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库,推荐的原因一是代码比较少,核心代码只有几百行
阅读量: 804标签: dom
虚拟DOM的理解与总结
从本质上来说,Virtual Dom是一个JavaScript对象,通过对象的方式来表示DOM结构。将页面的状态抽象为JS对象的形式,配合不同的渲染工具,使跨平台渲染成为可能。
阅读量: 763标签: dom
如何在 Vue 项目中,通过点击 DOM 自动定位VSCode中的代码行?
现在大型的 Vue项目基本上都是多人协作开发,并且随着版本的迭代,Vue 项目中的组件数也会越来越多,如果此时让你负责不熟悉的页面功能开发,甚至你才刚刚加入这个项目
阅读量: 669标签: dom
Virtual DOM的历史和未来
Virtual DOM最初是由React的作者开创的,目的是使声明式UI的渲染速度更快。为了理解为什么声明式UI最初如此缓慢,我们首先需要了解过去是如何做声明式UI的。
阅读量: 950标签: dom
DOM事件处理机制
DOM 事件是处理 Web 页面交互的基础,是掌握前端开发技术的基础。DOM 事件模型包括 4 个级别的规范:DOM0级,DOM1级,DOM2级和 DOM3级。 DOM1标准中不涉及事件。
阅读量: 1k标签: dom
如何快速实现一个虚拟 DOM 系统
虚拟 DOM 就是一棵由虚拟节点组成的树,这棵树展现了真实 DOM 的结构。这些虚拟节点是轻量的、无状态的,一般是字符串或者仅仅包含必要字段的 JavaScript 对象。虚拟节点可以被组装成节点树树
阅读量: 1.3k标签: dom
jQuery对象与DOM对象的相互转化
jQuery对象如果想要用 DOM 对象中的方法,就需要转化为 DOM 对象。jQuery对象转化为 DOM 对象有两种方式,DOM 对象如果想要用 jQuery 对象中的方法,DOM 对象就需要转化为 jQuery 对象。
阅读量: 1.4k标签: dom
使用Documentfragment优化DOM操作
DocumentFragment,文档片段接口,一个没有父对象的最小文档对象。它被作为一个轻量版的 Document 使用,就像标准的 document 一样,存储由节点(nodes)组成的文档结构
阅读量: 1.3k标签: dom
如何遍历DOM
在本文中,我们了解了DOM 是如何构造成节点树的,节点树通常是HTML元素、文本或注释,我们创建了一个脚本,允许用户修改网站,而不必手动在开发人员控制台中输入代码。
阅读量: 1.3k标签: dom