高级前端面试笔记-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

高级前端面试笔记

专栏成员

49

文章

88594

阅读量

16

订阅数

前端经典react面试题（持续更新中）_2023-03-15

react dom jsx key setstate

React 并不强制要求使用 JSX。当不想在构建环境中配置有关 JSX 编译时，不在 React 中使用 JSX 会更加方便。

2023-03-15

1.3K0

细说React组件性能优化_2023-03-15

渲染 dom header render state

React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。如果子组件未发生数据改变不渲染子组件。

2023-03-15

9400

京东前端高频react面试题及答案_2023-03-15

component dom ref render ui

shouldComponentUpdate 是做什么的，（react 性能优化是哪个周期函数？）

2023-03-15

1.7K0

读懂React原理之调和与Fiber_2023-03-15

react commit dom host render

Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是采用虚拟DOM，所以可以理解成fiber就是React的虚拟DOM，更新Fiber的过程叫做调和，每一个fiber都可以作为一个执行单元来处理，所以每一个 fiber 可以根据自身的过期时间expirationTime，来判断是否还有空间时间执行更新，如果没有时间更新，就要把主动权交给浏览器去渲染，做一些动画，重排（ reflow ），重绘 repaints 之类的事情，这样就能给用户感觉不是很卡。

2023-03-15

5010

前端一面react面试题指南_2023-03-01

渲染编程算法 react

React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。

2023-03-01

1.3K0

深度剖析React懒加载原理_2023-03-01

react 渲染 java 打包 webpack

现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影响到页面的首屏加载。

2023-03-01

6890

美团前端二面常考react面试题及答案_2023-03-01

关于 React16 开始应用的新生命周期：可以看出，React16 自上而下地对生命周期做了另一种维度的解读：

2023-03-01

2.6K0

深度探讨react-hooks实现原理_2023-03-01

等号的左边时 UI 代表的最终画出来的界面；等号的右边是一个函数，也就是我们写的 React 相关的代码；data 就是数据，在 React 中，data 可以是 state 或者 props。

2023-03-01

4380

阿里前端二面常考react面试题（必备）_2023-02-28

react 渲染 redux 编程算法 php

（3）组件事件回调函数方法的作用域是组件实例化对象（绑定父组件提供的方法就是父组件实例化对象），无法改变。

2023-02-28

2.8K0

升级到React-Router-v6_2023-02-28

php react 渲染

近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下，不太建议急着直接升级，可能存在较多的改动。

2023-02-28

2.3K0

滴滴前端二面必会react面试题指南_2023-02-28

渲染 react html

为了解决跨浏览器的兼容性问题，SyntheticEvent 实例将被传递给你的事件处理函数，SyntheticEvent是 React 跨浏览器的浏览器原生事件包装器，它还拥有和浏览器原生事件相同的接口，包括 stopPropagation() 和 preventDefault()。

2023-02-28

2.2K0

深入分析React-Scheduler原理_2023-02-28

渲染任务调度 react

工作中一直有在用 React 相关的技术栈，但却一直没有花时间好好思考一下其底层的运行逻辑，碰巧身边的小伙伴们也有类似的打算，所以决定组团卷一波，对 React 本身探个究竟。

2023-02-28

6140

滴滴前端高频react面试题汇总_2023-02-27

渲染编程算法 mobx ecmascript redux

（3）组件事件回调函数方法的作用域是组件实例化对象（绑定父组件提供的方法就是父组件实例化对象），无法改变。

2023-02-27

1.1K0

你要的react+ts最佳实践指南_2023-02-27

本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。

2023-02-27

2.9K0

腾讯前端必会react面试题合集_2023-02-27

渲染 php 编程算法 react

React-Router 支持使用 hash（对应 HashRouter）和 browser（对应 BrowserRouter）两种路由规则， react-router-dom 提供了 BrowserRouter 和 HashRouter 两个组件来实现应用的 UI 和 URL 同步：

2023-02-27

1.7K0

几个你必须知道的React错误实践_2023-02-27

react 渲染 javascript typescript 打包

本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式，希望能够帮助你摆脱这些相同的错误。

2023-02-27

7310

阿里前端二面必会react面试题指南_2023-02-24

渲染编程算法 react

没有什么问题。这种方式很少被使用，咱们可以将一个函数传递给setState，该函数接收上一个 state 的值和当前的props，并返回一个新的状态，如果咱们需要根据以前的状态重新设置状态，推荐使用这种方式。

2023-02-24

1.8K0

一文读透react精髓_2023-02-24

渲染 react 编程算法 html javascript

学和使用react有一年多了，最近想在梳理一下react基础知识,夯实基础，激流勇进~

2023-02-24

3.1K0

react组件用法深度分析

react html api javascript 渲染

React 组件也一样，它的输入是 props，输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件，组件也可以包含其他组件。React 组件的本质上就是一个普通的 JavaScript 函数。

2022-12-12

5.4K0

react进阶用法指南

编程算法 react node.js css 渲染

React调用回调函数，正确设置this指向的三种方法通过bindthis.increment = this.increment.bind(this);通过箭头函数<button onClick={this.multi}>点我*10</button> multi = () => { this.setState({ count: this.state.count * 10 })}箭头函数包裹<button onClick={() => {this.muti2()}}>点我*10</b

2022-12-12

5K0

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态