DOM面试题【三】

1、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

(1)创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
(2)添加、移除、替换、插入、复制
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //在已有的子节点前插入一个新的子节点
cloneNode() //复制
(3)查找
getElementsByTagName() //通过标签名称
getElementsByName()//通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于 name值的)
getElementById() //通过元素Id,唯一性

2、列举浏览器对象模型BOM里常用的至少4个对象,并列举window对象的常用方法至少5个?

对象:Window、 document、 location、 screen、 history、 navigator 、data
方法:Alert()、 confirm() 、prompt()、 open() 、close()

3、document.ready和onload有什么区别?

document.ready和onload的区别——JavaScript文档加载完成事件。页面加载完成有两种事件:
一是ready,表示文档结构已经加载完成࿰

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
回答: React的虚拟DOM是一用JavaScript对象表示的轻量级的DOM结构。它是React用来提高性能和优化渲染的一机制。当React组件的状态发生变化时,React会使用虚拟DOM来计算出最小的DOM更新,并将其应用到实际的DOM中,从而避免了不必要的DOM操作,提高了性能。 在React中,虚拟DOM的创建和更新是通过使用React元素来实现的。React元素是一个普通的JavaScript对象,它描述了一个组件的结构和属性。通过使用React.createElement()函数或JSX语法,我们可以创建React元素。 引用\[1\]中提到了一些与React相关的库和脚本,如react、react-dom和react-script。这些库和脚本提供了React的核心功能和工具,用于创建和管理React组件。 引用\[2\]中的代码示例展示了如何使用Refs来获取DOM元素的引用。Refs是React提供的一访问DOM元素或组件实例的方式。在某些情况下,我们需要直接操作DOM或组件实例,这时可以使用Refs来获取对它们的引用。 引用\[3\]提到了React Fiber,它是React v16中引入的一新的协调算法,用于解决React之前版本中的性能问题。React Fiber将组件的更新过程分成了两个阶段:reconciliation阶段和commit阶段。在reconciliation阶段,React会构建和比较Fiber树,确定哪些组件需要更新。在commit阶段,React会执行实际的DOM操作和事件处理等副作用操作。 综上所述,React的虚拟DOM是一用JavaScript对象表示的轻量级的DOM结构,它通过使用React元素来创建和更新。Refs提供了一访问DOM元素或组件实例的方式。React Fiber是一新的协调算法,用于提高React的性能和优化渲染过程。 #### 引用[.reference_title] - *1* *2* *3* [React面试题(全家桶)](https://blog.csdn.net/qq_40055200/article/details/108549121)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

管火火火

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值