react-readux组件 https://github.com/reduxjs/react-redux 把一个组件拆成两个部分,一个叫UI组件,一个叫容器组件。 1,UI组件,presentational component,纯租金 特点: 只负责UI的呈现,不带有任何的业务逻辑 无状态组件,没 ...
分类:
其他好文 时间:
2020-07-29 10:34:50
阅读次数:
74
需求需要在日历上实现多选但不连续的日期,ant design 的日历组件只能单选或者连续选择一段日期 附上代码 主代码部分 import React, { Component } from "react"; import { routerRedux } from "dva/router"; impo ...
分类:
其他好文 时间:
2020-07-28 22:08:44
阅读次数:
77
一、作用 immutable对象是不可直接赋值的对象,它可以有效的避免错误赋值的问题 二、immutable在react中的使用 安装 npm install immutable 使用 在react中,immutable主要是防止state对象被错误赋值。 将js对象转成immutable对象 im ...
分类:
其他好文 时间:
2020-07-28 16:56:40
阅读次数:
54
虚拟DOM: 概念:用JS对象的形式来模拟页面上DOM嵌套关系。(即虚拟DOM是以JS对象的形式存在的) 本质:用JS对象模拟DOM元素和嵌套关系。 目的:为了实现页面元素的高效更新。 Diff算法: ? ...
分类:
编程语言 时间:
2020-07-28 00:15:58
阅读次数:
87
什么是路由? 即通过互联网把信息从源地址传输到目的地址的活动 路由决定数据包从来源到目的地的路径 转送将输入端的数据转移到合适的输出端 后端路由: 早起网站开发全部由服务器渲染,例如 Java的JSP,.NET的ASP,PHP 服务器直接生产渲染好的HTML页面,返回给客户端展示 一个网站非常多的页 ...
分类:
其他好文 时间:
2020-07-26 19:00:45
阅读次数:
50
1、功能需求:由于项目业务需要一个图片预览的功能,又不想引入太多组件依赖,所以决定自己编写一套,实现了图片放大缩小、旋转、查看下一张或上一张图片功能,如图1.0截图所示。 2、外部资源:这里的icon图标采用的是 iconfont 里面的图标,自己可以自行寻找自己喜欢的图标代替,或者使用默认的图标, ...
分类:
其他好文 时间:
2020-07-26 01:01:26
阅读次数:
202
React-devtools: git库安装chrome插件的方式(try) Awesome react: 生态 Standardjs 规范及其配置使用(try) Bem css规范(try) React-hooks: 1.生命周期和useEffect: UseEffect = didMount | ...
分类:
其他好文 时间:
2020-07-24 23:44:53
阅读次数:
79
setState class组件的特点,就是拥有特殊状态并且可以通过setState更新状态并重新渲染视图,是React中最重要的api。 1. setState为什么是异步 // 批量 this.setState({ counter: this.state.counter + 1 }); this ...
分类:
其他好文 时间:
2020-07-24 16:34:51
阅读次数:
74
如果需要对服务返回的富文本 进行原样返回可以这么玩 首先使用【<pre></pre>】这个标签把将要渲染的内容进行包裹,pre 标签的作用就是对文本进行原样渲染 使用 dangerouslySetInnerHTML={{__html:变量}} 这个属性,将一些html标签解析成我们想要的格式 <pr ...
分类:
其他好文 时间:
2020-07-24 16:04:19
阅读次数:
43
概念:在不使用class组件的情况下,允许你使用state和react的其他特性 产生背景:在组件之间公用相同的逻辑往往很难,在以前的解决方案是:高阶组件和render props 但是这类方案需要重新组织你的组件结构,这可能会很麻烦,使你的代码难以理解。 你可以使用 Hook 从组件中提取状态逻辑 ...
分类:
其他好文 时间:
2020-07-23 22:25:27
阅读次数:
66