随笔分类 - React集合
摘要：本文摘自【前端早茶】 React + Antd 实现动态切换主题功能 前言 最近去ant design官网查阅资料，发现ant design最新版本已经更新到了4.17.x，于是比较粗略的看了一下最近几个4.17.x版本的更新日志，发现4.17.0版本更新了大量内容（点击查看4.17.0版本更新日志
阅读全文
摘要：前言 接下来的几篇文章将围绕一些‘猎奇’场景，从原理颠覆对 React 的认识。每一个场景下背后都透漏出 React 原理， 我可以认真的说，看完这篇文章，你将掌握： 1 componentDidCatch 原理 2 susponse 原理 3 异步组件原理。 不可能的事 我的函数组件中里可以随便写
阅读全文
摘要：react是由数据驱动的框架，当数据发生变化页面就会自动的发生变化。它背后的原理，，， 数据和页面联动的机理 当组件的state或者props发生改变的时候，render函数就会重新执行，页面就会从新被渲染，因为页面是由render函数渲染出来的。同时，当父组件的render函数被运行时，它的子组件
阅读全文
摘要：我们知道react的jsx语法最终会被babel转译成 React.createElement语法，通过这个语法，react节点就会被编译成一棵vdom树结构，我们看一个例子 let ele1 = <h1 id="title"> <span>hello</span> <span>world</spa
阅读全文
摘要：1、思路： 因为offsetTop、scrollTop等不属于css属性，所以这些无法用css动画或过度来实现。首先想到的是使用position + top 定位结合 transition 来实现。 2、效果： 3、原生代码： <!DOCTYPE html> <html lang="zh"> <he
阅读全文
摘要：一、先说一下react react是基于数据是不可变的（每次setState都会返回一个新数据），这也是为什么需要setState()来更新数据而不能使用像vue的this.state = newState的形式更新数据的原因，其实你用this.state=newState确实可以改数据，但是rea
阅读全文
摘要：概念： 为什么是16.67毫秒： 这个根据浏览器刷新帧率来定，大多数浏览器的刷新帧率是60Hz，所以1/60 = 0.0166666... (秒)= 16.67(毫秒) 如果一个任务耗时很长，那么时间用完后会中断该任务吗？ 不会中断该任务，一直到执行完毕为止，所以如果单个任务耗时很长，那么也会造成卡
阅读全文
摘要：import React, { Component, useState, useCallback, } from 'react'; import ReactDOM from 'react-dom'; let Child = React.memo(function({ val, onChange })
阅读全文
摘要：现在需要解决以下问题： 我们有两个和多个前后端交互请求，我们需要在这两个请求都完成之后去让runder渲染，实现思路如下： 1、定义一个loading的state，给定初始值为true，在runder函数中，如果loading为true则直接返回 this.state = { loading: tr
阅读全文
摘要：一、组件类的缺点 React 的核心是组件。v16.8 版本之前，组件的标准写法是类（class）。下面是一个简单的组件类。 import React, { Component } from "react"; export default class Button extends Component
阅读全文
摘要：1、在需要进行监听的Dom上添加 onKeyDown 方法： <Button className='btn-add' type="primary" icon="search" onKeyDown={(e)=>this.handleKeyDown(e)} onClick={()=>this.handl
阅读全文
摘要：
阅读全文
摘要：一、安装 npm install braft-editor --save yarn add braft-editor 二、使用 //1.组件中引入 braft-editor import BraftEditor from 'braft-editor' //2.constructor中定义 一个字段
阅读全文
摘要：一、关于拖动 图片默认可以拖动，其他元素的拖动效果同图片。正常的 div 是不能被拖动的，鼠标点击选择后移动没有效果，需要加 draggable="true" 使得元素可以被拖动。 二、拖拽相关的几个事件 被拖拽元素的事件：ondragstart，ondragend 放置元素的事件：ondragen
阅读全文
摘要：用axios正常发送请求下载excel会出现以下问题，即将二级制流文件下载到了本地，下附解决办法： 一、实现思路： 这类方法思路如下: 1. 使用js在页面常见a标签 2. 创建Blob对象, 在Blob中传入后端返回的response.data 这一步中Blob需要的是一个数组类型的参数, 后端二
阅读全文
