随笔分类 - react
摘要：fish-bubble-chat-editor 完美的插入表情，插入文本等操作
阅读全文
摘要：索引： props, state与render函数关系 – 数据和页面是如何实现互相联动的？ React中的虚拟DOM – React底层是如何实现性能飞跃的？ 深入了解虚拟DOM – 为什么React能够跨端？ 虚拟DOM的diff算法 React中ref的操作DOM React中的生命周期函数
阅读全文
摘要：React Hooks 详解 【近 1W 字】+ 项目实战 https://juejin.cn/post/6844903985338400782 https://juejin.cn/post/6847902217261809671 详解 React useCallback & useMemo 前言
阅读全文
摘要：初探memo 首先让我们用一个例子走进React.memo的世界 呆呆的函数组件 - 没有使用memo 对于一个函数组件来说，如果没有使用React.memo就好比是一个人没有脑子，就笨笨的呆呆的 不信我们就来看下面的Demo 点击访问演示Demo GIF打开UC浏览器 查看更多精彩图片 让我们来分
阅读全文
摘要：我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断，其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。所以这里我们有必要了解一下这两个API，关于Fiber部分后面会单开几篇讲。 什么是req
阅读全文
摘要：React17版本的生命周期概述。 挂载 示例代码在下方。 当组件实例被创建并插入DOM的时候，其生命周期被调用顺序如下： constructor(props) - 初始化state和为事件处理函数绑定实例； static getDerivedStateFromProps(props, state)
阅读全文
摘要：定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 函数组件 function Welcome (props) { return <h1>Welcome {props.name}</h1> } ReactDOM.render(<Welcome name='react' /
阅读全文
摘要：父组件： import React, { Component } from 'react'; import Child from './child2' class Parents extends Component { constructor(props) { super(props); } han
阅读全文
摘要：具体可见： https://juejin.im/post/6844904133430870024 在react中，如果要渲染一个列表，我们会用map()函数将数组循环处理然后渲染到DOM，在处理循环时，“key” 是一个你需要包含的特殊字符串属性。 很多时候，我们会使用当前列表的索引为key,但这样
阅读全文
摘要：https://www.jianshu.com/p/d9158074176b 场景一: 更新 state 的一个对象（或数组）属性的某个子属性或值。 使用 Hook Function Component function App() { const [arr, updateArr] = useSta
阅读全文
摘要：最近写React后台项目的时候系统总是给我报这个警告： index.js:1 Warning: Legacy context API has been detected within a strict-mode tree. The old API will be supported in all 1
阅读全文
摘要：https://www.jianshu.com/p/035c017bfa9c
阅读全文
摘要：一.它们几乎完全相同，但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate，某些情况下可以用PureComponent提升性能 1.所谓浅比较(shallowEqual)，即react源码中的一个函数，然后根据下面的方法进行是不是PureCo
阅读全文
摘要：mvc bg2015020105.png View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 所有通信都是单向的。 mvp MVP 模式将 Controller 改名为 Presenter
阅读全文
摘要：参考react官方博客，将react放弃mixins的设计模式的原因总结如下 mixins 引入了不清晰的依赖关系： 组件采用了mixins的state和方法，mixins采用了组件的方法，或者mixins又依赖了其他的mixins。这样导致组件和mixins有强耦合的关系，而这些关系不是存在同一个
阅读全文
摘要：第一次看到柯里化这个词的时候，还是在看一篇算法相关的博客提到把函数柯里化，那时一看这个词就感觉很高端，实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。 果然是不管作用怎么样都要有个高端的名字才有用。 首先看看柯里化到底是什么？ 维基百科上说道：柯里化，英语：Currying(果然是满满的英译
阅读全文
摘要：原文地址：React Higher-Order Components 原文作者：Tyler McGinnis 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/react-higher-order-comp
阅读全文
摘要：一、MVC MVC模式的意思是，软件可以分成三个部分。 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 各部分之间的通信方式如下。 View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Mo
阅读全文
摘要：React图片剪辑插件： https://github.com/roadmanfong/react-cropper React图片剪辑插件: https://github.com/xyxiao001/vue-cropper/
阅读全文
摘要：1. rcc + tab键 - - 用ES6模块系统创建一个React组件类 2. rccp + tab键 - - 创建一个带有PropTypes和ES6模块系统的React组件类 3. rcfc + tab键 - - 创建一个带有PropTypes和所有生命周期方法以及ES6模块系统的React组
阅读全文
浙公网安备 33010602011771号