javascript 设计模式之命令模式
模式的作用
1.将函数的封装,请求,调用结合为一体
2.调用具体的函数解耦命令对象与接收对象
3.提高程序模块灵活性
注意:
1.不需要接口一致,直接调用函数即可,以免造成浪费
下面就用命令模式,举个连长指挥士兵打仗的例子
var lian = {};
lian.paobing = functio……继续阅读 »
8年前 (2017-04-01) 2778浏览
4个赞
javascript 设计模式之代理模式
//代理模式需要 3 个方法
//1.买家
function maijia(argument) {
this.name = "小明"
}
//2.中介
function zhongjie() {
……继续阅读 »
8年前 (2017-04-01) 2399浏览
2个赞
javascript 设计模式之策略模式
以下代码是使用策略模式与缓动算法实现的一个使小球运动的效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title&g……继续阅读 »
8年前 (2017-03-31) 2122浏览
1个赞
javascript 设计模式之工厂模式
工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类.该模式使一个类的实例化延迟到了子类.而子类可以重写接口方法以便创建的时候指定自己的对象类型(抽象工厂).
这个模式十分有用,尤其是创建对象的流程赋值的时候,比如依赖于很多设置文件等.并且,你会经常在程序里看到工厂方法,用于让子类类定义需要创建的……继续阅读 »
8年前 (2017-03-31) 2638浏览
0个赞
javascript 设计模式之惰性单例
首先看代码
var getSingle = function(fn){
var result;
return function(){
return result || (result = fn.apply(this,arguments));
}
};
在这里……继续阅读 »
8年前 (2017-03-30) 2238浏览
1个赞
ajax 上传文件与进度条上传
其实很久之前就想写这篇文章了,ajax 上传文件其实是 html5 中新加的一个属性才能做到(formData),如果上传一个比较大的文件时,我们就要做到实现一个进度条效果,需要知道到底上传了多少或者说百分之多少,这样用户体验比较好.
因为项目中用到了很多次,所以这次就来给大家分享一下我自己习惯的一套写法.写的不好请勿鄙视……继续阅读 »
8年前 (2017-03-14) 2185浏览
1个赞
js 的数组排序函数研究 sort(),reverse()
js 的 sort()函数用来做数组排序非常有效且简单,以下是几种常用的场景.
<script>
var a = ['b','d','c','a','f','e�……继续阅读 »
8年前 (2017-03-06) 2117浏览
1个赞
针对 laravel 与 Bootstrap 的一个 ajax 分页小插件
网页中比较常用的大概就是各种分页组件了,因为公司业务需要写了一个只针对 laravel 与 bootstrap 的分页组件.对使用 laravel 与 bootstrap 的网站后台非常契合,在此把源码分享出来!
functi……继续阅读 »
8年前 (2017-03-06) 2261浏览
2个赞
html5 之 LocalStorage 与 SessionStorage 具体研究
localStorage 属性允许你访问一个 local Storage 对象。localStorage 与 sessionStorage 相似。不同之处在于，存储在 localStorage 里面的数据没有过期时间（expiration time），而存储在 sess……继续阅读 »
9年前 (2016-11-27) 4698浏览
2个赞
