React
风信子的格调
梦里抵达的地方,同样可以刻骨铭心
展开
-
fiber
fiber由于render函数递归执行,如果项目变得庞大后,会有卡顿,requestIdleCallback可以利用浏览器的业余时间,把任务分成一个个的小任务,然后利用浏览器空闲时间来做diff,如果当前有任务来了,比如用户的点击或者动画,会先执行,然后空闲后,回到当前任务继续执行未完成的任务;#fiber数据结构fiber遍历过程:自上而下,自左至右;先找子元素 -> 再找兄弟元素 -> 再找父元素;#redux面试相关#redux由以下组件组成:Action:这是一个用来描原创 2021-05-13 14:44:31 · 155 阅读 · 0 评论 -
npm 安装React Devtools调试工具
chrome浏览器进行插件安装。去git上下载react-devtools文件到本地git clone https://github.com/facebook/react-devtools.git进入react-devtools文件夹,用npm安装依赖,这里推荐临时使用淘宝镜像,快速一点。npm install切换分支git checkout v3yarn install或者 ...原创 2019-08-28 14:23:07 · 420 阅读 · 0 评论 -
redux
redux文档地址文档:https://redux.js.org/中文文档:https://www.redux.org.cn/只是一个状态存储,可预测,可以用在express,koa,vue,readuxRedux 是 JavaScript 状态容器,提供可预测化的状态管理安装:通过yarnyarn add reduxyarn add redux-thunkyarn add re...原创 2019-08-16 10:25:14 · 209 阅读 · 0 评论 -
高阶组件
1.高阶组件:组件间的公用功能抽象(设计模式)2.高阶组件的定义:(1)是一个函数(2)接受一个组件返回一个新的组件作用:组件间的公用功能抽象3.定义一个公共的高阶组件 1.先引入React import React, { Component } from ‘react’2.定义一个函数接受第一个参数(注意:参数的首字母要大写,传入的组件名称)HocComponent第二个参数传过...原创 2019-08-16 09:00:09 · 403 阅读 · 0 评论 -
react 轮播图
1、yarn add [email protected]、import ReactSwipe from ‘react-swipe’;3、 4、 swipes的配置let opt = { auto: 1000, autoPlay: true, 是否开启自动播放 currentPoint: 1, 初始位置,默认从0即第一个元素开始 distan...原创 2019-08-16 08:58:14 · 108 阅读 · 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 · 122 阅读 · 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 · 1689 阅读 · 0 评论 -
React 服务端渲染
服务端渲染的优势在于:由中间层( node端 )为客户端请求初始数据、并由node渲染页面什么是服务器端渲染使用 React 构建客户端应用程序,默认情况下,可以在浏览器中输出 React 组件,进行生成 DOM 和操作 DOM。React 也可以在服务端通过 Node.js 转换成 HTML,直接在浏览器端“呈现”处理好的 HTML 字符串,这个过程可以被认为 “同构”,因为应用程序的大部分...原创 2019-08-15 14:54:05 · 298 阅读 · 0 评论 -
Quill-强大的富文本编辑器
Github地址: https://github.com/BingKui/QuillChineseDocquil源码Gitbook地址:https://bingkui.gitbooks.io/quill/content/Quil中文文档npm install [email protected]引入.css 在Vue 可以放在main.js ,在react 放到app在 componentDi...原创 2019-08-20 14:46:25 · 7053 阅读 · 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 · 1457 阅读 · 0 评论