WRian_Ban的小晴天

什么是中间件 在redux中，我们可以在view层dispatch一个action，action到达store中的reducer，reducer根据action的type更新处理state，从而更新store中的数据。但是redux并不能处理异步的dispatch。这时候我们就需要使用redux提供的applyMiddleware对dispatch进行增强，使我们的dispatch可以异步。 这里...

前言 最近对React16的新特性还有其更新机制进行了略有系统的学习，同时也观看了尤玉溪在Vue-Conf上的演讲，受益匪浅，记录一下感想。 React与Vue都采用了Virtual Dom的思想进行页面的更新，但是React是基于JSX语法进行开发，而Vue基于模板编译。v-dom的使用，并不是因为v-dom可以提升渲染性能，实际上，在Diff Tree的过程中，消耗的性能未必比重排重绘少。v-...

如何区分纯组件 React PureComponent 源码解析 Component & PureComponent 这两个类基本相同，唯一的区别是PureComponent的原型上多了一个标识。 这是检查组件是否需要更新的一个判断，ctor就是你声明的继承自Component or PureComponent的类，他会判断你是否继承自PureComponent，如果是的话就shallow...

在管理系统这类项目中，比较常见的设计还是这样的。 404页面，宣传主页，登录页面，注册页面，找回密码页面单独处理。 而系统内部就需要统一管理了，不仅仅要管理用户信息 token的有效性，为了良好的用户体验，我们还有需要使用二级路由。 老规矩，先上源码Liz606/webpack-es6-react 讲解在这里：手把手带你搭建与配置Webpack + ES6 + React开发环境 这时我们就需要...

背景 我们需要开发一个管理平台，登陆、注册及网站首页等不需要加载用户信息的页面放置在系统外部，系统内部则是需要验证用户身份及其角色的页面。 文件结构 注：输出文件树及文件 tree ./src /F │ index.html 页面文件入口 │ index.js js文件入口 │ style.scss ├─actions │ api.js │ base.js ├─conta...

初始化项目 npm init -yes// 默认跳过所有需要选择的条目 安装webpack npm install --sava-dev webpack 如果想使用webpack4+版本，还需安装webpack-cli npm install --save-dev webpack-cli webpack配置项解读 mode: 告诉webpack开发模式，'production’则会压缩代码...

虚拟Dom 首先来了解下真实的Dom，是渲染到页面上的真实节点。真实Dom是由浏览器提供的，我们可以使用浏览器提供的API去操作这些节点。 而虚拟Dom是由开发者实现的，将页面节点存储为一颗虚拟Dom树，但因为没有渲染到页面上，因此并不能使用浏览器提供的API去操作节点。当真实Dom被修改，将被重新刷新加载。如果是修改一棵庞大的Dom树的小节点而造成页面重新计算、重绘的代价是非常大的，因此Reac...