yysiwei-CSDN博客

原创 JS设计模式栏目简要说明

该分类下的所有内容均来自阅读张荣铭前辈的书籍JavaScript设计模式的总结该分类源码github： https://github.com/hyuanyuanlisiwei/DesignPattern2

2017-05-20 20:42:21 389

原创 js创建型设计模式--简单工厂模式

ES5//定义: 工厂可以创建很多对象, 根据客户需求的不同, 返回不同的创建对象 //篮球 //es5 //定义: 工厂可以创建很多对象, 根据客户需求的不同, 返回不同的创建对象 //篮球 var BasketBall=function () { this.intro="篮球盛行与美国"; } BasketBall.prototyp

2017-05-20 20:38:22 254

原创 JS多态

ES5//定义: 同名函数,根据传入参数个数不同,处理过程不同: //关键点: 函数的参数arguements是一个类数组. function Add() { function zero() { return 10; } function one(num) { return num+10;

2017-05-20 20:32:18 360

原创 JS多继承

ES5 //1, 单个对象的浅复制 function extend(target,source) { for(var key in source){ target[key]=source[key]; } return target; } //2, 多个对象浅复制 var mutiExtend

2017-05-20 20:27:47 330

原创 JS继承--寄生组合式继承

ES5 //1, 原型式继承: 以一个已有的对象为原型,创造一个新的对象 function inheritObject(o) { function F() {} F.prototype=o; return new F(); } //2, 寄生式继承: 在原型式继承的基础上, 为新的对象添加新的方法 function

2017-05-20 20:23:57 622

原创 JS继承--组合继承

ES5 //定义: 类式和构造函数继承的结合 //1, 声明父类 function SuperClass(name) { this.name=name; this.books=['js','vue','angular']; } SuperClass.prototype.showBooks=function () {

2017-05-20 20:18:50 239

原创 JS继承-构造函数式继承

ES5// 定义: 在子类的构造函数中, 把父类当成一个普通函数进行调用//1, 声明父类 function SuperClass(id) { this.books=["js","vue","angular"]; this.id=id; } SuperClass.prototype.showBooks=function () {

2017-05-20 20:16:22 799

原创面向对象编程--继承--类式继承

ES5//定义: 让子类的原型指向父类的实例 //1,声明父类 function SuperClass() { this.superValue=true; } SuperClass.prototype.getSuperValue=function () { return this.superValue; } //2,声明子

2017-05-20 20:12:39 831

原创 JS面向对象编程--封装

ES5var Book=(function () { //私有变量 var bookNum=0; //私有方法 function checkBook(name){} //创建类 function _Book(newId,newName,newPrice){ //实例方法

2017-05-20 20:10:04 231

原创函数的祖先

ES5实现 //es5 Function.prototype.addMethod=function (name,fn) { //至于这里为什么不能用this[name]=fn; // 经过测试得知: //2, addMethod属于函数的静态方法, //3, addMethod中的this指向Methods,

2017-05-20 20:04:30 251

原创面向对象

ES5实现面向对象var CheckObj=function(){};CheckObj.prototype={ checkName :function(){ console.log("checkName"); return this; }, checkEmail :function(){

2017-05-20 19:58:50 168

原创如何将本地git仓库中的代码上传到github

在github上新建一个仓库，比如为：CSS3Test，仓库地址为：https://github.com/hyuanyuanlisiwei/CSS3Test 假设本地git仓库中的文件项目名称为CSSTest将本地仓库上传到远程仓库运行命令：git remote rm origingit remote add origin https://github.com/hyuanyua

2017-05-18 09:52:57 220

原创使用gulp和browser-sync实现自动刷新浏览器

安装gulp全局安装：`npm install -g gulp`项目安装：`npm install gulp --save-dev`安装browser-sync全局安装 `npm install -g browser-sync`项目安装 `npm install browser-sync --save-dev`编写代码在项目根目录下创建文件：gulpfile.js在gulpfile

2017-05-18 09:51:57 444

yysiwei的博客