2018年08月_lume博客

原创 JavaScript 继承（2）

1：纯净的继承者 — 原型式继承//传递一个字面量函数function obj(o) { //创建一个构造函数 function F() {} //把字面量函数赋值给构造函数的原型 F.prototype = o; //最终返回出实例化的构造函数 return new F(); }//字面量对象var box = { na...

2018-08-21 11:38:51 283

原创 JavaScript 继承（1）

1：类式继承// 声明父类function Farent(name) { this.name = name; this.books = ["JS","php"];}// 给父类添加一个共有方法在父类的原型上Farent.prototype.getName = function() { console.log(this.name);}// 声明子类functi...

2018-08-20 16:30:56 195

原创 javascript设计模式 - 动态原型模式

动态原型模式其实就是在函数里加个判断，为了解决多次实例化后，产生多个共同的方法！function CreateFn(name,age) { this.name = name; this.age = age; this.arr = [1,2,3]; if(typeof this.run != &quot;function&quot;){ console.log(&quot;o...

2018-08-17 17:09:07 356

原创 javascript设计模式 - 组合模式

1：构造函数 + 原型模式function CreateFn(name,age) { this.name = name; this.age = age; this.arr = [1,2,3]}CreateFn.prototype.run = function(){ return "这是原型上的一个共享方法";}var fn1 = new CreateFn("l...

2018-08-17 16:54:25 364 1

原创 javascript设计模式 - 原型模式

原型模式 1 ：原型的定义：（1）每当创建一个函数，都会有一个 prototype （原型属性）。（2）原型（prototype）这个属性的指针指向一个对象，而这个对象的用途可以由特定类型的所有实例共享属性和方法！（3）原型（prototype）是共享所有的属性和方法，也就是说：如果 new 了两个实例化，他们的方...

2018-08-17 16:18:30 874

原创 javascript设计模式 - 构造函数模式

function CreateFn(name,age) { this.name = name; this.age = age; this.getName = function() { console.log(this.name) }}var fn1 = new CreateFn("小明",26);var fn2 = new CreateFn("小明",26);fn...

2018-08-16 23:11:30 184

原创 javascript设计模式 - 工厂模式

1 ：工厂模式 - 简单的说：就是创建一个对象，最后再返回这个对象！如：function createBook(name, time, type) { var obj = new Object(); obj.name = name; obj.time = time; obj.type = type; obj.getName = function() { ...

2018-08-16 17:51:46 122

原创 JS 无间隙滚动封装

新建一个页面魔板：引入 JS 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=

2018-08-16 15:32:15 501

原创 tab 滑动/点击切换封装

新建 html 文件，如： index.html , 引入一个 app.js 文件&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;m

2018-08-16 10:48:45 1198

原创 vuex 数据状态管理，刷新数据不丢失这篇就够了

vue 脚手架安装，这里我就不介绍了说重点 !安装 vuexnpm install vuex --save安装成功后，现在我们就可以使用 vuex 了 1：先在src 目录下建立 store 文件夹，文件目录如图：这里我先介绍下每个文件的用处：1 ： index.js 这里是个入口文件import Vue from 'vue'import Vu...

2018-08-10 10:31:51 12838 1

lume博客