摘要：
github仓库地址：https://github.com/wanghao12345/react-book 简介 我们在使用redux中的combineReducers用来分离reducer后，如果组件去访问数据时，需要访问多一层属性，为了将访问这一层属性的方式变成使用函数进行访问。这里就可以使用r 阅读全文
摘要：
github仓库地址：https://github.com/wanghao12345/react-book 使用constants constants主要是用来管理一些固定的常量，在功能模块下的store新建constants.js文件。内容如下： 使用actionCreators 最开始在使用ma 阅读全文
摘要：
github仓库地址：https://github.com/wanghao12345/react-book 背景 如果一个项目，比较大，需要redux存储的状态数据比较多时，reducer.js无疑是会非常臃肿的。所以为了简化reducer.js文件，我们应该按照功能模块将这个大的reducer.j 阅读全文
摘要：
module和exports Global全局变量之process对象 process对象：stdin, stdout标准输入输出流(IO) Global全局变量：Buffer类 一个用于更好的操作二进制数据的类，我们在操作文件或者网络数据的时候 其实就是操作的二进制数据流，node为我们提供了一个 阅读全文
摘要：
JavaScript执行步骤 1.检查通篇的语法错误2.预编译过程3.解释一行，执行一行 暗示全局变量 imply global variable 函数预编译：AO activation object (活跃对象，函数上下文) 全局预编译：GO global object 全局上下文 1. 找变量2 阅读全文
摘要：
1.判断一个单词是否是回文 注解：回文是指把相同的词汇或句子，在下文中调换位置或颠倒过来，产生首尾回环的情趣，叫做回文，也叫回环。比如 mamam redivider . 2.去掉一组整形数组中重复的值 注解：输入：[1, 2, 3, 1, 2]，输出：[1, 2, 3] 方法很多，列车两个比较典型 阅读全文
摘要：
jQuery的整体架构 任何程序代码不是一开始就复杂的，成功也不是一躇而蹴的，早期jQuery的作者John Resig在2005年提议改进Prototype的“Behaviour”库时，只是想让其使用更简单才发布新的jQuery框架。起初John Resig估计也没料想jQuery会如此的火热。我 阅读全文
摘要：
jQuery的设计理念 jQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器 阅读全文
摘要：
温馨提示：以下系列的面试题是通过整合网上各位大牛的文章而成，站在巨人的肩膀上，能够让我们更进一步。 1、页面从输入URL到页面加载显示完成，这个过程中都发生了什么？ 2、浏览器工作原理 3、浏览器解析过程 流程：解析html以构建DOM树 -> 构建render树 -> 布局render树 -> 绘 阅读全文
摘要：
概述 Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 （1） 将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上。现阶段，某些方法同时在Object 阅读全文
摘要：
Promise的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异 阅读全文
摘要：
概述 Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。 Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和 阅读全文
摘要：
set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 上面代码通过add方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。 Set 函数可以接受一个数组（或者具有 it 阅读全文
摘要：
概述 ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Sym 阅读全文
摘要：
属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 上面代码表明，ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。下面是另一个例子。 除了属性简写，方法也可以简写。 下面是一个实际的例子。 这种写法用于函数的返回值，将会非常方便。 阅读全文
摘要：
扩展运算符 扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 该运算符主要用于函数调用 上面代码中，array.push(...items)和add(...numbers)这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符将一 阅读全文
摘要：
属性的简洁表示法 ES6 允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 上面代码表明，ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。下面是另一个例子。 除了属性简写，方法也可以简写。 下面是一个实际的例子。 这种写法用于函数的返回值，将会非常方便 阅读全文
摘要：
二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。 Number.isFinite(),Number.isNaN() ES6 在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法。 Num 阅读全文
摘要：
字符的Unicode表示法 上面代码中，最后一个例子表明，大括号表示法与四字节的 UTF-16 编码是等价的。 codePointAt() JavaScript 内部，字符以 UTF-16 的格式储存，每个字符固定为2个字节。对于那些需要4个字节储存的字符（Unicode 码点大于0xFFFF的字符 阅读全文
摘要：
数组的结构赋值 以前，为变量赋值，只能直接指定值： 1 let a = 1; 2 let b = 2; 3 let c = 3; ES6可以写成下面这样： 1 let [a, b, c] = [1, 2, 3]; 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值 阅读全文
摘要：
github仓库地址：https://github.com/wanghao12345/react-book 简介 immutable可以将store中的数据封装成一个immutable对象，这个对象拥有get，set等方法，这样就可以通过这些方法对store中的数据进行管理 使用 1.安装immut 阅读全文
摘要：
github仓库地址：https://github.com/wanghao12345/react-book 简介 redux主要是用来记录数据状态，然后共享数据。每个react组件都可以获取该数据库中的数据，也可以改变该数据库中的数据。 引入redux 项目目录下的控制台输入： yarn add r 阅读全文
摘要：
github仓库地址：https://github.com/wanghao12345/react-book 这里主要讲解使用react-transition-group里面的CSSTransition实现动画。 使用CSSTransition实现动画，一共分三步： 1.引用CSSTransition 阅读全文
摘要：
webpack打包极限优化--基本介绍 1.为什么我们需要构建工具 (a)转换ES6语法 (b)转换JSX (c)CSS前缀补全/预处理器 (d)压缩混淆 (e)图片压缩 2.初级分析-使用Webpack内置的stats (a)stats：构建的统计信息(b)package.json中使用statu 阅读全文
摘要：
转义 概念：转换意义，改变意义 转义符号： \ 转义字符： \字符 （注意：只能能在编辑器上使用，而不能在文本中使用，即在html标签中不可使用） 特殊转义字符： (a) \n: 换行符 (b) \r: 回车符 (c) \t: 制表符（四个字符） 正则(RegExp regular expressi 阅读全文