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