标签：javascript
36个常用的JavaScript函数备忘录
100 个常用的 JavaScript 函数备忘录 数组 Array 数组去重 function noRepeat(arr) { return [...new Set(arr)]; } 查找数组最大 function arrayMax(arr) { return Math.max(...arr); } 查找数组最小 ……
深入理解 javascript 词法分析,作用域链与闭包
javascript 词法分析,作用域与闭包理解 首先我们看一个例子,以下 2 个函数创建过程一样吗? function a(arg){ console.log(arg); } var b = function(arg){ console.log(arg); } 在这里,直接 function a(){} 声明变量……
使用正则从html标签中提取出图片地址
使用正则从 html 标签中提取出图片地址 这是一个平时经常用到的技巧,最近做微信小程序,因为提取的产品详情页面是由 p 标签包裹 img 标签的 html 在小程序中不能直接使用,故使用此方法将图片的地址提取出来放入一个数组中 以下是代码: <!DOCTYPE html> <html lang="en">……
javascript设计模式之发布-订阅模式(观察者模式)
javascript 设计模式之发布-订阅模式(观察者模式) 发布-订阅模式也叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知.在 javascript 开发中,我们一般用事件模型来替代传统的发布-订阅模式. 我们接下来实现一个简单的发布订阅模式,模拟售楼处可以给订阅者发送房屋消息,在这里售楼……
javascript设计模式之迭代器模式
javascript 设计模式之迭代器模式 迭代器模式是指提供一种方法访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示.迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素. jquery 中的迭代器 迭代器模式无非就是循环访问聚合对象中的各个元素.我们来看一个最常见……
jquery中的isArraylike函数详解
jquery 中的 isArraylike 函数详解 jquery 是我们学习前端最先接触的 javascript 类库,里面的很多函数都对我们学习 javascript 有很多参考意义,今天就来分析一下 jquery 中的 isArraylike 函数源码. 它的作用是判断一个对象是否是一个类数组的对象,即可以用 obj[n]来访问 首先看看它的源码……
javascript设计模式之命令模式
javascript 设计模式之命令模式 模式的作用 1.将函数的封装,请求,调用结合为一体 2.调用具体的函数解耦命令对象与接收对象 3.提高程序模块灵活性 注意: 1.不需要接口一致,直接调用函数即可,以免造成浪费 下面就用命令模式,举个连长指挥士兵打仗的例子 var lian = {}; lian.paobing = functio……
javascript设计模式之代理模式
javascript 设计模式之代理模式 //代理模式需要 3 个方法 //1.买家 function maijia(argument) { this.name = "小明" } //2.中介 function zhongjie() { ……
javascript设计模式之策略模式
javascript 设计模式之策略模式 以下代码是使用策略模式与缓动算法实现的一个使小球运动的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g……
javascript设计模式之工厂模式
javascript 设计模式之工厂模式 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类.该模式使一个类的实例化延迟到了子类.而子类可以重写接口方法以便创建的时候指定自己的对象类型(抽象工厂). 这个模式十分有用,尤其是创建对象的流程赋值的时候,比如依赖于很多设置文件等.并且,你会经常在程序里看到工厂方法,用于让子类类定义需要创建的……
javascript设计模式之惰性单例
javascript 设计模式之惰性单例 首先看代码 var getSingle = function(fn){ var result; return function(){ return result || (result = fn.apply(this,arguments)); } }; 在这里……
ajax上传文件与进度条上传
ajax 上传文件与进度条上传 其实很久之前就想写这篇文章了,ajax 上传文件其实是 html5 中新加的一个属性才能做到(formData),如果上传一个比较大的文件时,我们就要做到实现一个进度条效果,需要知道到底上传了多少或者说百分之多少,这样用户体验比较好. 因为项目中用到了很多次,所以这次就来给大家分享一下我自己习惯的一套写法.写的不好请勿鄙视……
