分类：react.js

React学习之深入Redux应用框架

Redux作为大型React应用状态管理最常用的工具。它是一个应用数据流框架，与Flux框架类似。它是零依赖的，可以配合其他框架或者类库一起使用。虽然在平时的工作中很多次的用到了它，但是一直没有对其原理进行研究。最近看了…

前端面试题总结——H5（持续更新中） 1.HTML5 为什么只需要写 <!DOCTYPE HTML>？ HTML5 需要doctype来规范浏览器的行为,让浏览器按照它们应该的方式来运行； HTML4.01基…

常规情况在同一个方法中多次setState是会被合并的，并且对相同属性的设置只保留最后一次的设置； import React from 'react'; export class Test extends React.…

在我的研讨会期间，更多的材料是关于JavaScript而不是React。其中大部分归结为JavaScript ES6以及功能和语法，但也包括三元运算符，语言中的简写版本，此对象，JavaScript内置函数（map，re…

dangerouslySetInnerHTML属性的功能实际上就是显示纯文本内容 import React from 'react'; class SetHtml extends React.Component { co…

从 1 到完美，用 js 和 react-native 写一个 APP facebook 在 2013 年开源了 react 后，紧接着在 2015 年就又开源了 react-native，就此打开了用 js 和前端技术…

背景 React Hooks目前是React社区最炙手可热的新技术，我们准备追一下热度，在当前的项目中实践一下Hooks技术。我们的项目使用的脚手架是Ant Design Pro 2.0，初步想法是把现有的一个有状态页…

前言 React/Redux项目结束后，当我在研究react-router源码的时候发现当中有一部分含中间件的思想，所以才想把中间件重新梳理一遍；在之前看redux了解到中间件，redux层面中间件的理解对项目前期比较有…

随着react项目的迭代开发，会发现build 下静态文件包的体积会越来越臃肿，首次浏览网页，白屏或loading时间越来越长，所以代码拆分非常必要：一、 react-loadable 组件拆分：安装： npm in…

以input事件为例： html代码： <Input placeholder="电子邮箱" value={this.state.addEmail} onChange={this.addInputChange} on…

在React里面有两种组件, Class components(类组件) 和 Functional components(函数式组件).两者有明显的区别,比如 Class Components 是属于ES6的类 Func…

React 在Web开发中，要将更新的数据实时反映到UI上，就不可避免地需要对DOM进行操作，而复杂频繁的DOM操作通常是产生性能瓶颈的原因之一。为此，React引入了Virtual DOM机制。Virtual DOM实…