文章 2024-10-18 来自:开发者社区

js之dom学习

在网页开发中,DOM(文档对象模型)扮演着重要的角色。它是 JavaScript 与网页内容交互的基础,同时也是实现网页动态性和交互性的关键。本文将介绍 DOM 的基本概念、操作方法以及一些实用技巧,帮助读者更好地理解和运用 DOM。 什么是 DOM? DOM 是文档对象模型(Document Object Model)的缩写,它是一种用于表示和操作网页文档的接口。简单...

文章 2024-08-12 来自:开发者社区

js之dom学习

在网页开发中,DOM(文档对象模型)扮演着重要的角色。它是 JavaScript 与网页内容交互的基础,同时也是实现网页动态性和交互性的关键。本文将介绍 DOM 的基本概念、操作方法以及一些实用技巧,帮助读者更好地理解和运用 DOM。 什么是 DOM? DOM 是文档对象模型(Document Object Model)的缩写,它是一种用于表示和操作网页文档的接口。简单来说,DO...

文章 2024-03-17 来自:开发者社区

深入学习 XML 解析器及 DOM 操作技术

所有主要的浏览器都内置了一个XML解析器,用于访问和操作XML XML 解析器 在访问XML文档之前,必须将其加载到XML DOM对象中 所有现代浏览器都有一个内置的XML解析器,可以将文本转换为XML DOM对象 解析文本字符串 以下示例将一个文本字符串解析为XML DOM对象,并使用JavaScript从中提取信息: 示...

深入学习 XML 解析器及 DOM 操作技术
文章 2023-12-26 来自:开发者社区

从0开始学习JavaScript--JavaScript DOM操作与事件处理

在前端开发中,DOM(文档对象模型)是一个至关重要的概念,它为JavaScript提供了一种与HTML和XML文档交互的方法。本文将深入探讨DOM的概念与作用,以及JavaScript与DOM之间的密切关系。 DOM的概念与作用 DOM是什么? DOM,全称为文档对象模型(Document Object Model),是一种表示和操作HTML、XML文档的接口。它将文档解析为一个由节点组成...

从0开始学习JavaScript--JavaScript DOM操作与事件处理
文章 2023-12-04 来自:开发者社区

【React学习】—虚拟DOM两种创建方式(二)

一、Hello React案例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l...

【React学习】—虚拟DOM两种创建方式(二)
文章 2023-10-17 来自:开发者社区

【Vue2.0源码学习】虚拟DOM篇-Vue中的DOM-优化更新子节点

1. 前言在上一篇文章中,我们介绍了当新的VNode与旧的oldVNode都是元素节点并且都包含子节点时,Vue对子节点是先外层循环newChildren数组,再内层循环oldChildren数组,每循环外层newChildren数组里的一个子节点,就去内层oldChildren数组里找看有没有与之相同的子节点,最后根据不同的情况作出不同的操作。在上一篇文章的结尾我们也说了,这种方法虽然能够解决....

【Vue2.0源码学习】虚拟DOM篇-Vue中的DOM-优化更新子节点
文章 2023-10-17 来自:开发者社区

【Vue2.0源码学习】虚拟DOM篇-Vue中的DOM-更新子节点

1. 前言在上一篇文章中,我们了解了Vue中的patch过程,即DOM-Diff算法。并且知道了在patch过程中基本会干三件事,分别是:创建节点,删除节点和更新节点。创建节点和删除节点都比较简单,而更新节点因为要处理各种可能出现的情况所以逻辑略微复杂一些,但是没关系,我们通过分析过程,对照源码,画逻辑流程图来帮助我们理解了其中的过程。最后我们还遗留了一个问题,那就是在更新节点过程中,新旧VNo....

【Vue2.0源码学习】虚拟DOM篇-Vue中的DOM-更新子节点
文章 2023-10-17 来自:开发者社区

【Vue2.0源码学习】虚拟DOM篇-Vue中的DOM-Diff

1. 前言在上一篇文章介绍VNode的时候我们说了,VNode最大的用途就是在数据变化前后生成真实DOM对应的虚拟DOM节点,然后就可以对比新旧两份VNode,找出差异所在,然后更新有差异的DOM节点,最终达到以最少操作真实DOM更新视图的目的。而对比新旧两份VNode并找出差异的过程就是所谓的DOM-Diff过程。DOM-Diff算法是整个虚拟DOM的核心所在,那么接下来,我们就以源码出发,深....

【Vue2.0源码学习】虚拟DOM篇-Vue中的DOM-Diff
文章 2023-10-17 来自:开发者社区

【Vue2.0源码学习】虚拟DOM篇-Vue中的虚拟DOM

1. 前言虚拟DOM,这个名词作为当下的前端开发人员你一定不会陌生,至少会略有耳闻,但不会闻所未闻吧。这也是现在求职面试考察中非常高频的一个考点了。因为在当下的前端三大框架中关于虚拟DOM或多或少都有所涉及,那么接下来,我们就从源码角度出发,看看Vue中的虚拟DOM时怎样的。2. 虚拟DOM简介由于本系列文章是针对Vue源码深入学习的,所以着重分析在Vue中对虚拟DOM是如何实现的,而对于虚拟D....

【Vue2.0源码学习】虚拟DOM篇-Vue中的虚拟DOM
文章 2023-06-15 来自:开发者社区

从零开始学习BOM&DOM(三)

Element 类型Element 类型用于表现XML和HTML元素,提供了对元素标签名,子节点及特性的访问我们平时创建的div、p、span等元素在DOM中表示为Element元素常见属性子元素 children childNodestagNameid/classclientWidth/clientHeightclientLeft/clientTopoffsetLeft/offsetTop常见....

从零开始学习BOM&DOM(三)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。