dom

(目录),,Web api文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction...

,DOM怎么封装的？各种库是怎么写的？（DOM库,AJAX库，动画库，事件库）？,在作用域套作用域的时候；子作用域内尽量不返回引用数据类型，因为闭包内的值，是另外一个子闭包的返回值的时候，如果子闭包的...

,注：父元素调用该方法。,由于DOM对象属于引用类型，所以在操作appendChild和insertBefore方法时， 控制的节点如果是文档中存在的节点，那么将把这个节点移到目标处。,注：参数tru...

React 是当今最受欢迎的 JavaScript 框架之一，它的创新之一就是引入了虚拟 DOM，但很多现代框架已经不再采用这种方案，其在某些情况下会影响应用的性能。Svelte 的创建者 Rich ...

最近想体验下自定义指令功能，看了看文档和 vue2 差异不大，语法如下：,起初，最大的痛点是需要手动创建 dom ，然后插入 el 中。,这样好难受啊，我不想写原生 dom ，能不能写个组件渲染到指令...

什么？调试 React 源码还有优雅和不优雅之分？,别着急，我们先来听个故事：,东东是一名前端工程师，主要用 React 技术栈，用了多年之后想深入一下，所以最近开始看 React 源码。,他把 re...

Virtual DOM最初是由React的作者开创的，目的是使声明式UI的渲染速度更快。为了理解为什么声明式UI最初如此缓慢，我们首先需要了解过去是如何做声明式UI的。,编写声明式UI的传统方法是更改...

,大家好，我是前端西瓜哥，今天来学习 React 中的列表渲染要加 key 的原因。,在 React 中我们经常需要渲染列表，比如展示好友列表。,常用写法是用 Arrary.prototype.map...

译者 | 李睿,审校 | 孙淑娟,网站抓取(Scraping)是一门安全性比较薄弱的学科。人们经常使用服务器来解决，而调试和解决这些问题非常困难，至少现在是这样。,抓取采用现代浏览器构建的网站比十年前...

本篇文章探讨一下 ahooks 对 DOM 类 Hooks 使用规范，以及源码中是如何去做处理的。,这一章节，大部分参考官方文档的 DOM 类 Hooks 使用规范[1]。,第一点，ahooks 大部...

,React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。,state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下...

在看似无穷无尽的JavaScript前端框架和库中，有一个库（可以说）占据了至高无上的地位，那个库就是React。但是为什么React年复一年地如此受欢迎呢？在我们深入研究使它如此受欢迎的React原...

1、 jQuery核心函数 $是jQuery的核心函数，能够完成jQuery的很多功能。$()就是调用$这个函数。 2、DOM对象和jQuery对象的相互转换 1、dom对象转换为jQuery对象 先...

页面截图功能在前端开发中，特别是营销场景相关的需求中, 是比较常见的。比如截屏分享，相对于普通的链接分享，截屏分享具有更丰富的展示、更多的信息承载等优势。最近在需求开发中遇到了相关的功能，所以调研了相...

AST​ 即抽象语法树，在 虚拟dom、eslint、babel​ 都有接触过了，简单来说就是一种描述 dom​ 的数据结构。通过 AST​ 可以还原 dom​ ，也可以把 dom​ 转为 AST ...

,大家好，我是前端西瓜哥。,本文探究 fiber、DOM、ReactElement、类组件实例对象之间的引用关系。,,原生组件 fiber，指的就是 type 为 "span"、"div" 的 fib...

,大家好，我是前端西瓜哥。,最近做的新功能有性能问题，所以我想尝试优化一下 React 组件的性能。下面我们来好好学习一下 React.memo 的用法。,当某个组件里的状态发生改变时，React 会...

DOM（Document Object Model）即文档对象模型。通过DOM树这样一种结构，不​仅可以直观的看到HTML的整体结构，还可以利用DOM树的一些属性获取到某个元素的子节点和节点名称等信息...

作者｜vivo 互联网前端团队- Tang Xiao,本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开...

本篇接着针对关于 DOM 的各个 Hook 封装进行解读。,管理 DOM 全屏的 Hook。,该 hook 主要是依赖 screenfull[1] 这个 npm 包进行实现的。,选择它的原因，估计有两...

,说明,1、DOM会将整个XML读入内存，解析为树，所以占用内存大，解析慢。,它的优点是可以随意遍历树的节点。,2、SAX是一种流模式，边读边分析，占用内存小，分析快，缺点是需要自己处理事件。,一般情...

本文在github做了收录 github.com/Michael-lzg/my--article/blob/master/other/分享几个实用的API.md：,MutationObserver 是...

作者丨Michael Pautov, 译者 | 翟珂, 审校丨Noe, 谈到前端开发，ReactJS是目前最受欢迎的选择之一。下面列出的是最常问到的ReactJS面试题。, 从易到难，让我们看一下五...

,大家好，我是 CUGGZ。,Chrome DevTools 提供了很多实用功能来调试源代码、捕获元素状态、更新和测试元素属性、模拟各种设备环境等。今天就来学习几个超实用的调试技巧！,在 Chrome...

,说明,1、让连续执行的函数，变为固定时间段间断地执行。在一段频繁操作中，可以触发多次，但是触发的频率由自己指定。,2、应用场景有DOM元素的拖拽功能实现、计算鼠标移动的距离等。,还有Canvas 模...

React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。,react 和 vue 都是基于 vdom 的前端框架...

流行趋势 ,不知大家发现没有，自从2021年以来，无虚拟DOM框架/库/编译器获得了极大的瞩目，最为典型的两个项目：,我们来看看他俩究竟有多勇：,,(来自https://www.tecla.io/b...