2017年07月_mjzhang1993

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 webpack-3 react-router-4 react-15.6 升级记录

webpack-3 react-router-4 react-15.6 升级记录模板源码 react16 + react-router4 + webpack开发环境搭建说明1. react-router 升级到 4.1.2，API 变化很大，具体API解析，请看这篇文章react-router 4 升级攻略2. 从 webpack 2.x 升级到 webpac

2017-07-25 13:25:14 2660

原创 Iterator、Generator、async、await 异步编程

Iterator、Generator、async、await 参考ECMAScript 6 入门Iterator 遍历器说明 Iterator（遍历器、迭代器）是一种接口，他为不同的数据结构提供了统一的访问机制（即 for-of循环），任何数据结构只要部署 Iterator=接口，就可以完成遍历操作（即一次处理该数据结构的所有成员）主要作用为各种数据结构提供统一、简便的访问借口

2017-07-21 14:08:16 659

原创 Promise-使用整理

Promise 使用整理说明 Promise 就是一个对象，用来传递异步操作的信息，他代表某个未来才会知道结果的操作。有了 Promise 就可以将异步操作以同步操作的流程表达出来，避免层层嵌套回调函数参考 ECMAScript 6 入门特点对象的状态不受外界影响，Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成）、R

2017-07-19 17:47:57 1005

原创 Decorator装饰器

Decorator 修饰器说明由 ES2017 引入了这个功能，他是一个函数用来修改类的行为，解决了不同类之间共享方法的问题修饰器对类的行为的改变是在代码编译时发生的，而不是在运行时，本质就是编译时执行的函数由于存在变量提升，使得修饰器不能用于函数（包括构造函数），类不会提升所以不会有这个问题基本使用 @decorator class Test {

2017-07-19 14:29:59 398

原创 ECMAScript 6 常用特性整理

ECMAScript 6 常用特性整理说明看了阮一峰老师的 ECMAScript 6 入门,决定将之前一直使用到的 ES6 重新整理一遍。1. let 和 const用法类似 var 用来声明变量，但是声明的变量只在命令所在的代码块中有效不存在变量提升暂时性死区, 在变量用 let 声明前的代码中只要使用到变量，就会报错不允许重复声明变量const 声明的是一个只读的常量，声

2017-07-19 10:23:44 645

原创 javascript 原型与原型链详细解析

JavaScript 原型与原型链详细解析说明 JavaScript 是基于原型实现的面向对象，这篇文章整理了一下对象创建、原型、原型链、继承等的理解文章内容创建对象基础方法原型与原型链详解构造函数创建对象及实现继承的方法详解创建对象基础方法1. 对象字面量创建对象最简单的方法 var obj = { ...

2017-07-14 09:54:36 345

原创 javascript this 使用及面向对象编程

JavaScript this 使用及面向对象编程简介 JavaScript 并没有提供传统面向对象语言中的类式继承，而是通过原型委托的方式来实现对象与对象之间的继承 ECMAScript 6 带来了新的 Class 语法，这让JavaScript 看起来像是一门基于类的语言，但其背后仍是通过原型机制来创建对象 this javascript 的 this ...

2017-07-14 09:54:22 455

原创 Javascript设计模式-12-适配器模式

Javascript设计模式 - 12 - 适配器模式简介适配器模式就是，讲一个类的接口转换成客户希望的另外一个接口，适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以在一起工作作用当使用一个已存在的对象，但其方法或接口不符合你的要求适配器模式与代理模式区别适配器模式使用原因一般是新旧接口不一致，出现客户端无法满足的问题，但是由于旧的接

2017-07-13 09:40:37 559

原创 Javascript设计模式-11-职责链模式

Javascript设计模式 - 11 - 职责链模式简介职责链是使多个对象都有机会处理请求，从而避免发送者和接受者之间的耦合关系，将这个对象练成一条链，并沿着这条连传递该请求，直到有一个对象处理它为止链中收到请求的对象要么亲自处理它，要么转发给下一个候选者，提交方并不明确有多少个对象会处理它，任意候选者都可以响应响应的请求，可以在运行时决定哪些候选者参与到链中

2017-07-13 09:40:14 452

原创 Javascript设计模式-10-迭代器模式

Javascript设计模式 - 10 - 迭代器模式简介提供一种方法，顺序访问一个聚合对象中各个元素，而又不需要暴露该方法中的内部表示作用为遍历不同的集合结构提供一个统一的接口，从而支持同样的算法在不同的集合结构上进行操作解决问题将复杂的对象进行封装，对外提供简单的使用方法，使用者不需要知道如何组织数据，就可以单纯的获取数据并进行下一步处

2017-07-13 09:39:54 496

原创 Javascript设计模式-09-命令模式

Javascript设计模式 - 09 - 命令模式简介将执行的命令封装，解决命令发起者与命令执行者之间的耦合，每一条命令表示着一系列的操作，命令的使用者不必了解命令执行者的命令接口是如何实现的，只需要知道如何调用 var command = { click: function (msg) { console.log('cl

2017-07-13 09:39:28 640

原创 Javascript设计模式-04-工厂模式

Javascript设计模式 - 04 -工厂模式（简单工厂，抽象工厂）简介工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类，该模式使一个类的实例化延迟到了子类，而子类可以重写接口方法以便创建的时候指定自己的对象类型个人理解简单工厂模式接受一个命令，然后将命令的处理分离出去，命名处理函数接受不同的命令，或者根据不同的环境返回不同的对象，返回的对象会在工厂中绑定一些公

2017-07-13 09:39:01 673

原创 Javascript设计模式-08-策略模式

Javascript设计模式 - 08 - 策略模式简介策略模式定义了一系列算法，从概念上来说，所有的这些算法都是做相同的事情，只是实现不同，他可以以相同的方式调用所有的方法，减少了各种算法与使用算法之间的耦合，单独定义算法类，方便单元测试不仅可以封装算法，也可以封装任何类型的规则个人理解将算法封装成功能块 – 一个具有多种键的json对象，这个功能块的调用使用统一的方法，

2017-07-12 09:51:42 632

原创 Javascript设计模式-07-观察者模式（发布订阅模式）

Javascript设计模式 - 07 - 观察者模式简介观察者模式又叫发布订阅模式，他定义了一种一对多的关系，让多个观察者对象同时监听某一个主体对象，这个主体对象发生改变时就会通知所有观察者，使得他们能够自动更新自己提供一种抽象的策略，以便订阅者能供彼此独立的应对改变 function Platform () { this.chann

2017-07-12 09:51:22 498

原创 Javascript设计模式-06-代理模式

Javascript设计模式 - 06 - 代理模式简介代理模式就是为其他对象提供一种代理（代用品或者占位符），以控制对这个对象的访问，代理对象角色内部含有对真实对象的引用，从而可以操作真实对象，同时代理对象提供与真实对象相同的接口，以便在任何时候都能代替真实的对象分类（保护代理、虚拟代理、缓存代理）保护代理：就是起到保护作用，一般用来过滤掉一些不必要的请求，将真正需要的递给本体

2017-07-12 09:50:21 534

原创 Javascript设计模式-05-外观模式

Javascript设计模式 - 05 - 外观模式简介外观模式为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口使得这一子系统更加容易使用，他可以将一些复杂的操作封装起来，并创建一个简单的接口用于调用个人理解主要用于接口封装、兼容性封装、遗留代码封装代码 function addEvent(dom, type, fn) { if (d

2017-07-12 09:49:58 609

原创 Javascript设计模式-03-建造者模式

Javascript设计模式 - 03 - 建造者模式简介建造者模式可以将一个复杂的对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示，用户只要指定需要建造的类型，其他具体的建造过程和细节不需要知道，就可以得出对应的结果，总结：拆解流程，各司其职作用和注意事项作用分步骤构建一个复杂的对象解耦封装过程和具体创建的组件无需关心组件如何组装提供一种封装机制来隔离出复杂对象的

2017-07-11 14:22:38 1142

原创 JavaScript设计模式-02-单例模式

Javascript 设计模式 - 02 - 单例模式简介单例就是保证一个类只有一个实例，实现的方法一般是先判断实例是否存在，如果存在直接返回，如果不存在就创建了再返回，确保了一个类只有一个实例对象，在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象作用和注意事项作用模块间通信在系统中某个类的对象只能存在一个保护自己的属性和方法，

2017-07-11 14:22:16 590

原创 JavaScript设计模式-01-原型模式

Javascript 设计模式 - 01 - 原型模式简介原型模式实际上也是一种继承，可以让多个对象分享同一个原型对象的属性和方法，这种继承的实现是不需要创建的，而是将原型对象分享给那些继承的对象，原型模式是一种用来创建对象的模式在以类为中心的语言中，要创建一个对象首先要指定这个对象的类型，然后实例化一个对象，使用原型模式创建对象时不必关心对象的具体类型，而是找到一个对象，然后通过

2017-07-11 14:21:24 738

原创 Javascript设计模式-00-说明

JavaScript 设计模式说明总结了一下设计模式在 JavaScript 中的应用，最近在看《JavaScript 设计模式与开发实践》，还没有看完，随时都会对这篇博客进行修改。简介设计模式，是一套被反复利用、思想成熟、经过分类和无数实践设计经验的总结，使用设计模式是为了让系统代码可重用、可扩展、可解耦、更容易被人理解且能保证代码可靠性，设计模式使代码开发真正工程化。设计原则

2017-07-11 14:20:38 863

原创 Javascript设计模式-13-模板方法

Javascript设计模式 - 13 - 模板方法简介父类中定义一组操作算法骨架，而将一些实现步骤延迟到子类中，使得子类可以不改变父类的算法结构的同时可重新定义算法中某些实现步骤理解模板方法是基于继承的设计模式，可以很好的提高系统扩展性，由两部分组成，一个是抽象父类，第二部分是具体的实现子类，使用该设计模式意味着子类放弃了对自己的控制权，而是改为父类通知子类，作为子类只负责提供一些设

2017-07-11 14:19:53 772

转载 Ubuntu快捷键

Ubuntu 常用快捷键这篇文章是转载，原文地址， super 键就是 win 上的 Windows 键启动器super（保持）打开启动器显示快捷键，（这时按照显示的数字 + （1~9）启动应用）super + Tab 通过启动器切换应用程序，（按住super 点击 Tab）super + T 进入回收站面板super 单击打开 dash 主页super + A 打

2017-07-10 09:25:37 337

原创 javascript 常用字符串方法总结

javascript 常用字符串方法总结 MDN 文档1. 返回字符串中指定的字符 (.charAt())原字符串不改变参数：index 需要查询的索引返回值：查找到的字符 const a = 'abcdef1234567'; const ret = a.charAt(3); console.log(a); // abcdef1234567...

2017-07-04 16:53:26 411

原创 javascript 常用数组方法总结

javascript 常用数组方法总结这里有更详细的MDN文档数组创建于判断1. 创建数组 (new Array() / Array.of()) // 字面量方法 const arr = [1, 2, 3]; // 构造函数方法 // 无参数返回空数组 const arr = new Array(); // [] ...

2017-07-04 14:57:33 483

原创 linux-安装使用问题汇总

Linux 安装使用问题汇总说明最近开始接触 Linux ，安装的是 Ubuntu Kylin 16.04 LTS 长期支持版本（升级到了 16.10），安装前后都遇到了一些问题，这里做一些汇总，方便查阅安装 Win10 / Ubuntu 双系统设备 ThinkPad T460原系统 Win10新系统 Ubuntu Kylin 16.04 LTS1. 安装方法基本上是按照这篇博

2017-07-03 18:14:19 386