![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
风信子的格调
梦里抵达的地方,同样可以刻骨铭心
展开
-
fiber
fiber 由于render函数递归执行,如果项目变得庞大后,会有卡顿,requestIdleCallback可以利用浏览器的业余时间,把任务分成一个个的小任务,然后利用浏览器空闲时间来做diff,如果当前有任务来了,比如用户的点击或者动画,会先执行,然后空闲后,回到当前任务继续执行未完成的任务; #fiber数据结构 fiber遍历过程:自上而下,自左至右; 先找子元素 -> 再找兄弟元素 -> 再找父元素; #redux面试相关 #redux由以下组件组成: Action:这是一个用来描原创 2021-05-13 14:44:31 · 160 阅读 · 0 评论 -
npm 安装React Devtools调试工具
chrome浏览器进行插件安装。 去git上下载react-devtools文件到本地 git clone https://github.com/facebook/react-devtools.git 进入react-devtools文件夹,用npm安装依赖,这里推荐临时使用淘宝镜像,快速一点。 npm install 切换分支 git checkout v3 yarn install 或者 ...原创 2019-08-28 14:23:07 · 425 阅读 · 0 评论 -
redux
redux文档地址 文档:https://redux.js.org/ 中文文档:https://www.redux.org.cn/ 只是一个状态存储,可预测,可以用在express,koa,vue,readux Redux 是 JavaScript 状态容器,提供可预测化的状态管理 安装: 通过yarn yarn add redux yarn add redux-thunk yarn add re...原创 2019-08-16 10:25:14 · 212 阅读 · 0 评论 -
高阶组件
1.高阶组件:组件间的公用功能抽象(设计模式) 2.高阶组件的定义: (1)是一个函数 (2)接受一个组件返回一个新的组件 作用:组件间的公用功能抽象 3.定义一个公共的高阶组件 1.先引入React import React, { Component } from ‘react’ 2.定义一个函数接受 第一个参数(注意:参数的首字母要大写,传入的组件名称)HocComponent 第二个参数传过...原创 2019-08-16 09:00:09 · 406 阅读 · 0 评论 -
react 轮播图
1、yarn add react-swipe@5.1.1 2、import ReactSwipe from ‘react-swipe’; 3、 4、 swipes的配置 let opt = { auto: 1000, autoPlay: true, 是否开启自动播放 currentPoint: 1, 初始位置,默认从0即第一个元素开始 distan...原创 2019-08-16 08:58:14 · 111 阅读 · 0 评论 -
react-router
1.安装 npm i react-router-dom 跳路由的方法 (1).NavLink 正在热映 state传参同query差不多,只是属性不一样,而且state传的参数是加密的,query传的参数是公开的,在地址栏 query方法传参 <Link to={{ pathname: ' /user' , query : { day: 'Friday' }}}> 获取的方式 t...原创 2019-08-16 07:59:33 · 125 阅读 · 0 评论 -
for-editor | 一款基于React的Markdown编辑器插件
功能 支持简体中文、英语 移动端适配 实时预览 行号、快捷插入标签等 教程 安装 npm install for-editor -S 使用 import React, { Component } from 'react' import ReactDOM from 'react-dom' import Editor from 'for-editor' class App extends Co...原创 2019-08-24 14:55:01 · 1706 阅读 · 0 评论 -
React 服务端渲染
服务端渲染的优势在于:由中间层( node端 )为客户端请求初始数据、并由node渲染页面 什么是服务器端渲染 使用 React 构建客户端应用程序,默认情况下,可以在浏览器中输出 React 组件,进行生成 DOM 和操作 DOM。React 也可以在服务端通过 Node.js 转换成 HTML,直接在浏览器端“呈现”处理好的 HTML 字符串,这个过程可以被认为 “同构”,因为应用程序的大部分...原创 2019-08-15 14:54:05 · 301 阅读 · 0 评论 -
Quill-强大的富文本编辑器
Github地址: https://github.com/BingKui/QuillChineseDocquil源码 Gitbook地址:https://bingkui.gitbooks.io/quill/content/Quil中文文档 npm install quill@1.3.4 引入 .css 在Vue 可以放在main.js ,在react 放到app 在 componentDi...原创 2019-08-20 14:46:25 · 7073 阅读 · 0 评论 -
react富文本编辑器
首先安装两个插件 使用的代码如下 import React from 'react' import {Button,Card,Modal} from 'antd' import {Editor} from 'react-draft-wysiwyg' import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css' import draftjs f...原创 2019-08-19 17:08:10 · 1465 阅读 · 0 评论