腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
高级前端面试笔记
专栏成员
举报
49
文章
88592
阅读量
16
订阅数
订阅专栏
申请加入专栏
全部文章(49)
react(42)
渲染(26)
编程算法(19)
javascript(14)
html(8)
redux(8)
api(6)
打包(5)
php(4)
node.js(4)
dom(4)
css(3)
typescript(3)
mapreduce(3)
http(3)
render(3)
java(2)
vue.js(2)
网站(2)
webpack(2)
容器(2)
网络安全(2)
任务调度(2)
云镜(主机安全)(1)
ecmascript(1)
数据传输服务(1)
mobx(1)
缓存(1)
安全(1)
https(1)
commit(1)
component(1)
header(1)
host(1)
jsx(1)
key(1)
ref(1)
setstate(1)
state(1)
ui(1)
搜索文章
搜索
搜索
关闭
前端经典react面试题(持续更新中)_2023-03-15
react
dom
jsx
key
setstate
React 并不强制要求使用 JSX。当不想在构建环境中配置有关 JSX 编译时,不在 React 中使用 JSX 会更加方便。
xiaofeng123aa
2023-03-15
1.3K
0
细说React组件性能优化_2023-03-15
渲染
dom
header
render
state
React 组件性能优化的核心是减少渲染真实 DOM 节点的频率,减少 Virtual DOM 比对的频率。如果子组件未发生数据改变不渲染子组件。
xiaofeng123aa
2023-03-15
940
0
京东前端高频react面试题及答案_2023-03-15
component
dom
ref
render
ui
shouldComponentUpdate 是做什么的,(react 性能优化是哪个周期函数?)
xiaofeng123aa
2023-03-15
1.7K
0
读懂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 之类的事情,这样就能给用户感觉不是很卡。
xiaofeng123aa
2023-03-15
501
0
前端一面react面试题指南_2023-03-01
渲染
编程算法
react
React并不是将click事件绑定到了div的真实DOM上,而是在document处监听了所有的事件,当事件发生并且冒泡到document处的时候,React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗,还能在组件挂在销毁时统一订阅和移除事件。
xiaofeng123aa
2023-03-01
1.3K
0
深度剖析React懒加载原理_2023-03-01
react
渲染
java
打包
webpack
现在前端项目基本都采用打包技术,比如 Webpack,JS逻辑代码打包后会产生一个 bundle.js 文件,而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂,相应打包好的 bundle.js 文件体积就会越来越大,因为需要先请求加载资源之后,才会渲染页面,这就会严重影响到页面的首屏加载。
xiaofeng123aa
2023-03-01
689
0
美团前端二面常考react面试题及答案_2023-03-01
react
渲染
关于 React16 开始应用的新生命周期: 可以看出,React16 自上而下地对生命周期做了另一种维度的解读:
xiaofeng123aa
2023-03-01
2.6K
0
深度探讨react-hooks实现原理_2023-03-01
react
api
等号的左边时 UI 代表的最终画出来的界面;等号的右边是一个函数,也就是我们写的 React 相关的代码;data 就是数据,在 React 中,data 可以是 state 或者 props。
xiaofeng123aa
2023-03-01
438
0
阿里前端二面常考react面试题(必备)_2023-02-28
react
渲染
redux
编程算法
php
(3)组件事件回调函数方法的作用域是组件实例化对象(绑定父组件提供的方法就是父组件实例化对象),无法改变。
xiaofeng123aa
2023-02-28
2.8K
0
升级到React-Router-v6_2023-02-28
php
react
渲染
近期完成了公司新项目的开发,相关的技术栈都用到了最新版本,react router 也使用了 v6 的版本,所以借这个机会自己再梳理下 react router v5 与 v6 的区别,以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下,不太建议急着直接升级,可能存在较多的改动。
xiaofeng123aa
2023-02-28
2.3K
0
滴滴前端二面必会react面试题指南_2023-02-28
渲染
react
html
为了解决跨浏览器的兼容性问题,SyntheticEvent 实例将被传递给你的事件处理函数,SyntheticEvent是 React 跨浏览器的浏览器原生事件包装器,它还拥有和浏览器原生事件相同的接口,包括 stopPropagation() 和 preventDefault()。
xiaofeng123aa
2023-02-28
2.2K
0
深入分析React-Scheduler原理_2023-02-28
渲染
任务调度
react
工作中一直有在用 React 相关的技术栈,但却一直没有花时间好好思考一下其底层的运行逻辑,碰巧身边的小伙伴们也有类似的打算,所以决定组团卷一波,对 React 本身探个究竟。
xiaofeng123aa
2023-02-28
614
0
滴滴前端高频react面试题汇总_2023-02-27
渲染
编程算法
mobx
ecmascript
redux
(3)组件事件回调函数方法的作用域是组件实例化对象(绑定父组件提供的方法就是父组件实例化对象),无法改变。
xiaofeng123aa
2023-02-27
1.1K
0
你要的react+ts最佳实践指南_2023-02-27
react
本文根据日常开发实践,参考优秀文章、文档,来说说 TypeScript 是如何较优雅的融入 React 项目的。
xiaofeng123aa
2023-02-27
2.9K
0
腾讯前端必会react面试题合集_2023-02-27
渲染
php
编程算法
react
React-Router 支持使用 hash(对应 HashRouter)和 browser(对应 BrowserRouter) 两种路由规则, react-router-dom 提供了 BrowserRouter 和 HashRouter 两个组件来实现应用的 UI 和 URL 同步:
xiaofeng123aa
2023-02-27
1.7K
0
几个你必须知道的React错误实践_2023-02-27
react
渲染
javascript
typescript
打包
本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式,希望能够帮助你摆脱这些相同的错误。
xiaofeng123aa
2023-02-27
731
0
阿里前端二面必会react面试题指南_2023-02-24
渲染
编程算法
react
没有什么问题。这种方式很少被使用,咱们可以将一个函数传递给setState,该函数接收上一个 state 的值和当前的props,并返回一个新的状态,如果咱们需要根据以前的状态重新设置状态,推荐使用这种方式。
xiaofeng123aa
2023-02-24
1.8K
0
一文读透react精髓_2023-02-24
渲染
react
编程算法
html
javascript
学和使用react有一年多了,最近想在梳理一下react基础知识,夯实基础,激流勇进~
xiaofeng123aa
2023-02-24
3.1K
0
react组件用法深度分析
react
html
api
javascript
渲染
React 组件也一样, 它的输入是 props,输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件,组件也可以包含其他组件。React 组件的本质上就是一个普通的 JavaScript 函数。
xiaofeng123aa
2022-12-12
5.4K
0
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
xiaofeng123aa
2022-12-12
5K
0
点击加载更多
社区活动
AI代码助手快速上手训练营
鹅厂大牛带你玩转AI智能结对编程
立即学习
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档