在使用 react 的时候或多或少会接触到状态管理,从开始学 react 到现在也挺久了,也用过几种状态管理工具,今天谈一谈这些工具的区别吧。 dva 经朋友推荐开始接触 dva ,从 1.x 版本开始使用,一直看着它发…
分类:react.js
React 中 setState() 为什么是异步的?
前言 不知道大家有没有过这个疑问,React 中 setState() 为什么是异步的?我一度认为 setState() 是同步的,知道它是异步的之后很是困惑,甚至期待 React 能出一个 setStateSync()…
前端三大框架对比
React与Vue 相同点 使用 Virtual DOM,有较高的运行速度 提供组件化功能 可使用mobx与vuex进行状态管理,响应式、依赖追踪 React 子组件重复渲染问题需要手动优化 可以使用redux进行状态管…
服务端渲染到前端渲染,再到“服务端渲染”
最早时期的web 如果要呈现动态网页,之前最早的时候只能ssr。服务端把 数据+html 渲染成一个完整的web页面,发送给前端。这时候的web只是简单的信息展示。 有交互性的web 然后发现网站光是有数据的展示还不够,…
React注册倒计时功能
一、React版本 16.4.1二、具体代码如下 设置state属性 constructor(props){ super(props); this.state = { btnText:'获取验证码', seconds: …
js生成及下载浏览器端的文件-Eric
使用js生成及下载浏览器端的文件-Eric 前言 之前写了一篇文章一次下载多个文件的解决方案中写了如何下载服务器端的文件(支持连续下载多个),今天和大家分享下如何在浏览器端生成文件并下载。 场景 如果线上经常出现一些偶发…
创建react应用(4)
ECMAScript现在已经到2018了,每次都有新的语言特性,为了能够使用这些新特性,我们可以通过安装babel插件方式获得支持。 babel插件列表 下面是安装@babel/plugin-proposal-class…
搜集一些有用的链接
实现一个富文本编辑器 https://mp.weixin.qq.com/s/c-…
React input表单双向数据绑定仿Vue v-model实现
用过Vue的同学都知道,Vue里<input> 、 <textarea> 及 <select>等表单元素可以通过v-model指令实现双向数据绑定,也就是说,当用户通过交互改变表单的值…
将数组里某个属性相同的对象合并成一个数组
var array=[ { id:1,name:'小明',sex:'男'}, { id:2,name:'小刚',sex:'男'}, { id:3,name:'小红',sex:'女'}, { id:4,name:'小花',…
[译]React ES6 class constructor super()
当我们在写React时候 会用到ES6中的class语法 ,比较常见的情况如下: class MyClass extends React.Component{ constructor(){ super() } } 这里有…
【React系列】受控组件(Controlled Components)和不受控组件
受控组件 表单 HTML 表单用于搜集不同类型的用户输入。 <form> 元素 <form> 元素定义 HTML 表单: <form> . form elements . </f…