react
文章平均质量分 91
景尘
高山景行,一尘不染
展开
-
【react】fiber解决了什么问题,及diff算法
1、reactfiber1、reactfiber这里说的是react16之前的版本,也就是说16之前没有加入fiber。假设我们的dom结果非常复杂,react在递归进行渲染时一定会非常耗时;而这段代码又是同步执行,。大家都知道浏览器是单线程,js线程和ui线程互斥,假设运行的时间足够久,那么浏览器就必须一直等待,严重情况下浏览器还可能失去响应。当然,react团队大佬云集,不至于说react会在渲染上严重卡顿。但在极端情况下,react在渲染大量dom节点时还是会出现丢帧问题,这个现象大家可以对比。原创 2022-09-20 14:51:54 · 941 阅读 · 1 评论 -
react版本更新解决了那些问题
react16到18增加了那些api,解决了那些问题原创 2022-09-13 16:34:04 · 757 阅读 · 0 评论 -
浅谈es6+react
// es6 书写reactimport React, { Component } from 'react';// 或者 import React from 'react'; // 组件是这样写的 class Main extends React.Component{ } 两种写法class Main extends Component {// 初始状态值constru...原创 2017-06-01 16:06:40 · 334 阅读 · 0 评论 -
react生命周期简述
生命周期在面试的经常问道,自己简单整理了一下,希望对你有帮助componentDidMount:在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异部操作阻塞UI)。组...原创 2018-07-23 18:03:07 · 368 阅读 · 0 评论 -
react简单入门介绍
以下是一个最简单的 demo,将一个最简单的组件渲染到页面上。import React from 'react'import { render } from 'react-dom'// 定义组件class Hello extends React.Component { render() { // return 里面写jsx语法 return <p...原创 2018-07-23 18:21:39 · 431 阅读 · 0 评论