腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
前端面试笔记
专栏成员
举报
35
文章
29655
阅读量
11
订阅数
订阅专栏
申请加入专栏
全部文章(35)
react(29)
编程算法(15)
javascript(10)
node.js(9)
渲染(8)
api(6)
css(5)
http(4)
html(3)
babel.js(3)
缓存(3)
面向对象编程(3)
java(2)
网站(2)
redux(2)
webpack(2)
云镜(主机安全)(1)
官方文档(1)
vue.js(1)
jquery(1)
打包(1)
容器(1)
网络安全(1)
cdn(1)
https(1)
postcss(1)
unicode(1)
搜索文章
搜索
搜索
关闭
React高级特性--Render Props
react
渲染
如果一个组件有一个render属性,并且这个render属性的值为一个返回React element的函数,并且在组件内部的渲染逻辑是通过调用这个函数来完成的。那么,我们就说这个组件使用了render props技术。
夏天的味道123
2022-12-12
425
0
react-Suspense的工作原理解析
java
react
javascript
node.js
渲染
Suspense 目前在 react 中一般配合 lazy 使用,当有一些组件需要动态加载(例如各种插件)时可以利用 lazy 方法来完成。其中 lazy 接受类型为 Promise<() => {default: ReactComponet}> 的参数,并将其包装为 react 组件。ReactComponet 可以是类组件函数组件或其他类型的组件,例如:
夏天的味道123
2022-12-12
3.4K
0
react的jsx语法是如何解析的
babel.js
react
css
node.js
废话不多说直接上代码,下面是我写的一个简单的babel-plugin来对jsx语法进行解析
夏天的味道123
2022-12-12
483
0
React的组件复用的发展史
react
渲染
面向对象编程
React MiXin只能通过React.createClass()来使用,如下:
夏天的味道123
2022-12-07
1.5K
0
React组件复用的技巧详解
api
html
渲染
react
编程算法
假如我们有一个Layout组件,那么一般来说这个组件主要接收的就是children,把它放在主要内容的部分,然后组件本身的节点来控制布局,那么这个时候如果我们这个布局包含两个部分呢,比如还有一个header部分,是跟主要内容有明显区分的。
夏天的味道123
2022-12-07
615
0
React高级详解特性之Context
api
react
javascript
渲染
在典型的React应用中,数据是通过props,自上而下地传递给子组件的。但是对于被大量组件使用的固定类型的数据(比如说,本地的语言环境,UI主题等)来说,这么做就显得十分的累赘和笨拙。Context提供了一种在组件之间(上下层级关系的组件)共享这种类型数据的方式。这种方式不需要你手动地,显式地通过props将数据层层传递下去。
夏天的味道123
2022-12-07
447
0
react的jsx语法是怎样解析的
babel.js
react
css
node.js
废话不多说直接上代码,下面是我写的一个简单的babel-plugin来对jsx语法进行解析
夏天的味道123
2022-10-29
759
0
React源码中的dom-diff
react
编程算法
这一章就来讲讲React在协调阶段的beginWork里面主要做的事情 -- dom diff。
夏天的味道123
2022-10-24
333
0
React源码中的dom-diff
react
编程算法
这一章就来讲讲React在协调阶段的beginWork里面主要做的事情 -- dom diff。
夏天的味道123
2022-10-21
420
0
React高级特性之Render Props
react
渲染
如果一个组件有一个render属性,并且这个render属性的值为一个返回React element的函数,并且在组件内部的渲染逻辑是通过调用这个函数来完成的。那么,我们就说这个组件使用了render props技术。
夏天的味道123
2022-10-19
470
0
深度理解Redux原理并实现一个redux
redux
vue.js
javascript
react
Redux的作用在于实现状态传递、状态管理。在这里你可能会说了,如果是状态传递,那我props的传递不也是可以达到这样的效果吗?context上下文方案不也是可以达到这样的效果吗?没错,是这样的,但是上述的两种方案是有局限性的。
夏天的味道123
2022-10-19
400
0
React高级特性之Context
api
react
javascript
在典型的React应用中,数据是通过props,自上而下地传递给子组件的。但是对于被大量组件使用的固定类型的数据(比如说,本地的语言环境,UI主题等)来说,这么做就显得十分的累赘和笨拙。Context提供了一种在组件之间(上下层级关系的组件)共享这种类型数据的方式。这种方式不需要你手动地,显式地通过props将数据层层传递下去。
夏天的味道123
2022-10-19
364
0
React的5种高级模式
react
本文概述了5种现代高级React模式,包括集成代码、优点和缺点,以及在公共库中的具体用法。
夏天的味道123
2022-10-19
729
0
详解React的Transition工作原理原理
react
api
node.js
Transition 是 react18 引入的新概念,用来区分紧急和非紧急的更新。
夏天的味道123
2022-10-18
776
0
彻底搞懂React-hook链表构建原理
react
编程算法
React 在初次渲染或者更新过程中,都会在 render 阶段创建新的或者复用旧的 fiber 节点。每一个函数组件,都有对应的 fiber 节点。
夏天的味道123
2022-10-18
587
0
react-Suspense工作原理分析
javascript
node.js
编程算法
react
java
Suspense 目前在 react 中一般配合 lazy 使用,当有一些组件需要动态加载(例如各种插件)时可以利用 lazy 方法来完成。其中 lazy 接受类型为 Promise<() => {default: ReactComponet}> 的参数,并将其包装为 react 组件。ReactComponet 可以是类组件函数组件或其他类型的组件,例如:
夏天的味道123
2022-10-18
771
0
经常被问到的react-router实现原理详解
react
webpack
javascript
打包
html
而且还经常会被xxx面试官问到,什么是前端路由,它的原理的是什么,它是怎么实现,跳转不刷新页面的...
夏天的味道123
2022-10-17
519
0
人人能读懂redux原理剖析
redux
react
众所周知,Redux最早运用于React框架中,是一个全局状态管理器。Redux解决了在开发过程中数据无限层层传递而引发的一系列问题,因此我们有必要来了解一下Redux到底是如何实现的?
夏天的味道123
2022-10-17
716
0
从实现一个React到深度理解React框架核心原理
react
jquery
node.js
容器
编程算法
这篇文章循序渐进地介绍实现以下几个概念,遵循本篇文章基本就能搞懂为啥需要fiber,为啥需要commit和phases、reconciliation阶段等原理。本篇文章又不完全和原文一致,这里会加入我自己的一些思考,比如经过performUnitOfWork处理后fiber tree和element tree的联系等。
夏天的味道123
2022-10-17
583
0
React组件复用的技巧
react
api
html
假如我们有一个Layout组件,那么一般来说这个组件主要接收的就是children,把它放在主要内容的部分,然后组件本身的节点来控制布局,那么这个时候如果我们这个布局包含两个部分呢,比如还有一个header部分,是跟主要内容有明显区分的。
夏天的味道123
2022-10-04
457
0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档