, 在react当中虚拟DOM可以说优化了很多我们对真实DOM的操作，优化了性能。 什么是虚拟DOM？ vdom可以看作是一个对象，使用javascript模拟了DOM结构的树形结构，这个树结构包含整个DOM结构的信息；…

完善webpack打包配置 有了webpack的基础配置，还不足以支持打生产环境能够使用的包，我们还需要增加一些配置。 首先，每次打包前最好能把上一次生成的文件删除，这里可以用clean-webpack-plugin插件…

2017-06-11 前端日报 精读前端调试技巧 – 知乎专栏CSS 揭秘笔记利用HTML5 Web Audio API给网页JS交互增加声音后 ES6 时代的正则匹配三年来，从未如此随性Reducing o…

文章同步于Github Pines-Cheng/blog 随着前端这几年的风生水起，CSS作为前端的三剑客之一，各种技术方案也是层出不穷。从CSS prepocessor（SASS、LESS、Stylus）到后来的后起之…

前言 最近从javascript向react的跳跃过程相当的痛苦。可能本身在js的掌握上就存在问题，再加上最近前端的发展实在是突飞猛进。从ES6的公布，再到模块化管理的飞速发展，整个前端简直是天翻地覆。不过，和当年后端从…

1、虚拟DOM react效率极高，它可以创建存放组件的虚拟DOM，这一特点为开发人员提供了高度灵活性和惊人的性能收益 因为React能够提前计算出DOM中有哪些内容需要更改，并对dom做出相应的更新，通过这种方式，避免…

大约一年前，React 团队发布了 React 16.0。时至今日，已更新到 16.5 。这其中有不少激动人心的特性(如 Fiber 架构的引入、新的周期函数、全新 Context API、Fragment、Error …

JSX 是什么？ JSX是JavaScript的语法扩展，用来描述用户界面 使用规范 JSX语句本身也是表达式，在JS代码中可以作为普通表达式使用 JSX语句中引号包裹字符串，大括号包裹JS表达式 JSX语言特性沿袭JS…

首先在正式的高阶组件之前我们先来了解一下函数的类似操作： function hello () { console.log('hello') } function WrapperHello (fn) { return fu…

VirtualDOM是react在组件化开发场景下，针对DOM重排重绘性能瓶颈作出的重要优化方案，而他最具价值的核心功能是如何识别并保存新旧节点数据结构之间差异的方法，也即是diff算法。毫无疑问的是diff算法的复杂度…

reducer拆分 在对应的组件的文件下创建store文件 把主store的reducer.js 做变动 import { combineReducers } from'redux'; import headerRedu…

基本上react需要方法和依赖的库都引配好了。github地址：https://github.com/qianxiaoni… 欢迎大家star或者fork呀~ template-antDesign-sass-…