react
14篇文章 · 0订阅
  • 「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
    介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !
    React.js JavaScript 前端
    「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
  • 前端需掌握: React定制右键菜单组件
    浏览器都有默认右键菜单。我们要对其屏蔽。增加我们业务需要的右键菜单组件。联系人跟聊天内容右键菜单内容各不相同，不能每个div都加入右键菜单，因为有太多内容。所以需要定制一个右键菜单并且右键菜单功能不影响全局
    React.js
    前端需掌握: React定制右键菜单组件
  • 「react进阶」一文吃透react事件系统原理
    一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会
    React.js JavaScript
    「react进阶」一文吃透react事件系统原理
  • React性能分析利器来了，妈妈再也不用担心我的React应用慢了
    默认打开Profiler什么都没有，要点击录制按钮进行记录（跟chrome的performance挺像）。 看上去像一个柱状图，每一个柱子代表一次commit，他的颜色和高度对应执行时长，越高颜色越黄代表时间越长，反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…
    React.js 前端 图片资源
  • 【金三银四】React 面试常见问题
    React.createClass 是 React 最传统、兼容性最好的方法。该方法构建一个组件对象, 当组件被调用时，就会创建几个组件实例 ES6 class 方式和 createClass 类似，只是从调用内部方法变成了用类来实现。 无状态组件创建时始终保持一个实例，避免了…
    React.js 面试
    【金三银四】React 面试常见问题
  • 你好，谈谈你对前端路由的理解
    好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。 1、为什么会出现前端路由。 2、前端…
    前端
    你好，谈谈你对前端路由的理解
  • React 高阶组件(HOC)入门指南
    之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…
    React 高阶组件(HOC)入门指南
  • React Fiber
    react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…
    React.js 前端 JavaScript
  • 从零开始学习 React 高阶组件
    React 高阶组件也叫做 React HOC(High Order Component), 它是react中的高级技术, 用来重用组件逻辑。 但高阶组件本身并不是React API。它只是一种模式，这种模式是由react自身的组合性质必然产生的。 那么在学习高阶组件之前有一个…
    React.js
  • React 进阶之高阶组件
    前言 本文代码浅显易懂，思想深入实用。此属于react进阶用法，如果你还不了解react，建议从文档开始看起。 我们都知道高阶函数是什么, 高阶组件其实是差不多的用法，只不过传入的参数变成了react组件，并返回一个新的组件. A higher-order component i…
    React.js JavaScript ECMAScript 6
    React 进阶之高阶组件