
设计模式
X01动力装甲
欢迎进群(959261248)学习交流。
展开
-
ES6开发环境搭建node.js+npm+webpack+webpack-dev-server+bable
ES6开发环境搭建:node.js+npm+webpack+webpack-dev-server+bable安装node.js+npm 初始化npm环境 安装webpack 安装webpack-dev-server 安装bable1、环境搭建。使用的是webstorm。已经安装过了 node.js 。node -v 查看版本号。安装 npm: npm install查看...原创 2018-07-23 14:53:00 · 432 阅读 · 0 评论 -
2JavaScript设计模式--class/extends
面向对象编程的三要素:继承、封装、多态。ES6语法 类 classES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Person { ...原创 2018-07-23 17:52:00 · 284 阅读 · 0 评论 -
4JavaScript设计模式--工厂模式/单例模式/适配器模式
工厂模式 class Product{ constructor(name){ this.name = name } init(){ console.log('init') } fn1(){ console.log('fn1') } fn2(){ console.log('...原创 2018-08-20 18:41:51 · 343 阅读 · 0 评论 -
3JavaScript设计模式--设计模式之设计原则
设计模式五大原则S:单一职责原则 O:开放封闭原则 L:李氏置换原则 I:接口独立原则 D:依赖倒置原则原创 2018-08-20 18:40:43 · 210 阅读 · 0 评论 -
5JavaScript设计模式--装饰器模式/代理模式/外观模式
装饰器模式演示代码class Circle{ draw(){ console.log('绘制一个圆形') }}class Decorator{ constructor(circle){ this.circle = circle } draw(){ this.circle.draw() ...原创 2018-08-21 00:10:10 · 609 阅读 · 0 评论 -
6JavaScript设计模式--观察者模式\迭代器模式\状态模式
观察者模式//观察者模式 发布订阅//主题 保存状态,状态变化 触发class Subject{ constructor(){ this.state = 0 this.observers = [] } getState(){ return this.state } setState(state){...原创 2018-08-21 22:35:53 · 393 阅读 · 0 评论