JavaScript 设计模式
一 单例模式单例模式的定义是产生一个类的唯一实例，但 JavaScript 本身是一种 无类 语言。很多讲 JavaScript 设计模式的文章把{}当成一个单例来使用也勉强说得通。因为js生成对象的方式有很多种，我们来看下另一种更有意义的单例。有这样一个常见的需求，点击某个按钮的时候需要在页面弹出一个遮...
2024-01-10
学习JavaScript设计模式之享元模式
一、定义享元（flyweight）模式是一种用于性能优化的模式，核心是运用共享技术来有效支持大量细刻度的对象。 在JavaScript中，浏览器特别是移动端的浏览器分配的内存并不算多，如何节省内存就成了一个非常有意义的事情。 享元模式是一种用时间换空间的优化模式内衣工厂有100种男士内衣、100中...
2024-01-10JavaScript设计模式之策略模式详解
在程序设计中，我们也常常遇到这种情况，要实现某一个功能我们有很多种算法可以实现。这些算法灵活多样，而且可以随意互相替换。这种解决方案就是所谓的策略模式。策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。/* * pre：策略模式 * 示例：公...
2024-01-10JavaScript设计模式之单例模式详解
最近项目不太忙，难得有时间看看书，平时挺喜欢js这门语言。也看过很多高级教程，觉得自己还是比较热衷于js的设计模式。这一次重温一下《JavaScript设计模式与开发实践》，开篇为单例模式。/** * pre 单例模式 * 定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点 * 应用：单例模式...
2024-01-10学习JavaScript设计模式之状态模式
状态模式的关键是区分事物内部的状态，事物内部状态的改变往往会带来事物的行为改变。当电灯开着，此时按下开关，电灯会切换到关闭状态；再按一次开关，电灯又将被打开。同一个开关在不同的状态下，表现出来的行为是不一样的。一、有限状态机状态总数（state）是有限的。任一时刻，只...
2024-01-10Javascript函数式编程语言
函数式编程语言函数式编程语言是那些方便于使用函数式编程范式的语言。简单来说，如果具备函数式编程所需的特征， 它就可以被称为函数式语言。在多数情况下，编程的风格实际上决定了一个程序是否是函数式的。是什么让一个语言具有函数式特征？函数式编程无法用C语言来实现。函数式编程...
2024-01-10JavaScript设计模式之代理模式实例分析
本文实例讲述了JavaScript设计模式之代理模式。分享给大家供大家参考，具体如下：代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式，它对目标对象不进行任何修改，它的目的在于延缓"复杂"对象的初始化时间。这样可以...
2024-01-10JavaScript设计模式之单体模式全面解析
单体是一个用来划分命名空间并将一些相关的属性与方法组织在一起的对象，如果她可以被实例化的话，那她只能被实例化一次（她只能嫁一次，不能二婚）。单体模式是javascript里面最基本但也是最有用的模式之一。特点：1. 可以用来划分命名空间，从而清除全局变量所带来的危险或影响。2. 利...
2024-01-10Javascript实现秒表计时游戏
本文实例为大家分享了javascript实现秒表计时游戏的具体代码，供大家参考，具体内容如下一、说明本游戏页面设计分为左右两栏。左上为跑马灯，左下为计时器和”START”按钮；右上为排行榜，右下为游戏规则说明。跑马灯用的是定时器，循环走一遍。计时器是从”00:00:000”开始计时，需要点击”STA...
2024-01-10理解javascript中的严格模式
一、什么是严格模式我们平时写的JavaScript代码一般都运行在正常模式中的，除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。看名字就知道，这种模式会让JavaScript在更严格的环境中运行。包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱。（g...
2024-01-10JavaScript设计模式之观察者模式实例详解
本文实例讲述了JavaScript设计模式之观察者模式。分享给大家供大家参考，具体如下：观察者模式观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动...
2024-01-10Javascript实现倒计时时差效果
本文实例为大家分享了js倒计时时差效果的实现代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>当前系统时间</title><link rel="stylesheet" href="style.css" /><script language="javascript" type="text/javascript"> window.onload = func...
2024-01-10Javascript函数式编程简单介绍
几十年来，函数式编程一直是计算机科学狂热者的至爱，由于数学的纯洁性和谜一般的本质， 它被埋藏在计算机实验室，只有数据学家和有希望获得博士学位的人士使用。但是现在，它正经历一场复兴， 这要感谢一些现代语言比如Python，Julia，Ruby，Clojure以及——但不是最后一个——Javascript。你是说J...
2024-01-10Javascript模拟实现new原理解析
new是JS中的一个关键字，用来将构造函数实例化的一个运算符。例子：function Animal(name) { this.name = name;}Animal.prototype.sayName = function() { console.log("I'm " + this.name);}var cat = new Animal('Tom');console.log(cat.name); // Tomconsole.log(cat.__proto__ === Animal.prototype);...
2024-01-10javascript创建对象的几种模式介绍
在js中有几种模式可以创建对象，通过对象操作所包含的属性与方法。一般来说，构造函数名称的第一个字母为大写字母，非构造函数名称的第一个字母为小写字母，当然，构造函数与一般函数唯一的区别只是调用的方式不同而已，所以任何函数只要通过new来调用，那它就可以作为构造函数，若不通过...
2024-01-10JavaScript设计模式之观察者模式与发布订阅模式详解
本文实例讲述了JavaScript设计模式之观察者模式与发布订阅模式。分享给大家供大家参考，具体如下：学习了一段时间设计模式，当学到观察者模式和发布订阅模式的时候遇到了很大的问题，这两个模式有点类似，有点傻傻分不清楚，博客起因如此，开始对观察者和发布订阅开始了Google之旅。对整个学...
2024-01-10在Javascript计算中使用2个小数显示值
以下表单使用javascript自动计算Ans3％。在Ans3％字段中计算后只能显示前两位小数吗？通过我的研究，我发现这可以使用toFixed方法实现，但我无法弄清楚我应该做什么。在Javascript计算中使用2个小数显示值只要填写任何数字的所有字段，直到年龄，以显示它的工作。提前致谢！<html> <head> </head> ...
2024-01-10
java设计模式之组合模式(Composite)
概述是一种结构型模式，将对象以树形结构组织起来，以表示“部分 - 整体”的层次结构，使得客户端对单个对象和组合对象的使用具有唯一性。UML类图 上面的类图包含的角色： Component：为参加组合的对象声明一个公共的接口，不管是组合还是叶节点。 Leaf：在组合中表示叶子结点对象，叶子结...
2024-01-10Javascript将数字转化成为货币格式字符串
这里第一个方法是用JavaScript将数字number转换为货币字符串的格式(参数：保留小数位数，货币符号，整数部分千位分隔符，小数分隔符)这里第二个方法是用简单的正则表达式将货币字符换转换为纯净的数字字符串，之后便可以将字符串转换为数字numberJavaScript Money Format（用prototype对Number进行扩展）//...
2024-01-10Javascript三种字符串连接方式及性能比较
第一种：用连接符“+”连接字符串str="a";str+="b";这种方法相对以下两种，最便捷快速。建议100字符以下的连接使用这种连接方式。第二种：以数组作为中介，使用jion函数进行连接var arr=new Array();arr.push(a);arr.push(b);var str=arr.join("");第三种：利用对象属性连接字符串function stringConnect(){ this._str_=n...
2024-01-10Javascript实现获取及设置光标位置的方法
本文实例讲述了Javascript实现获取及设置光标位置的方法。分享给大家供大家参考。具体如下：在项目开发中经常遇到input等设置光标位置到最后的问题，今天我查了一下Google，找到了在IE、Firefox、Opera等主流浏览器的获取光标位置（getCursortPosition）以及设置光标位置（setCursorPosition）的函数。1. 获取光...
2024-01-10
Java设计模式之Builder建造者模式
一、场景描述建造者模式同工厂模式、抽象工厂模式一样，用于创建继承类对象。工厂模式：Java设计模式之工厂模式抽象工厂模式：Java设计模式之抽象工厂模式所不同的是，工厂模式下，各子类实现接口，通过工厂类创建子类对象；而建造者模式下，各子类拥有其建造者类，通过它创建不同的父...
2024-01-10Javascript模拟加速运动与减速运动代码分享
加速运动，即一个物体运动时速度越来越快；减速运动，即一个物体运动时速度越来越慢。现在用Javascript来模拟这两个效果，原理就是用setInterval或setTimeout动态改变一个元素与另外一个元素的距离，如xxx.style.left或xxx.style.marginLeft，然后每次运动后都使速度增加，这样加速运动的效果就出现了，减速运...
2024-01-10
java设计模式之装饰器模式（Decorator）
概述装饰模式是对客户端以透明的方式扩展对象的功能，是继承关系的一个替代方案。也就是说，客户端并不会觉得对象在装饰前和装饰后有什么不同，装饰模式可以在不用创造更多子类的情况下，将对象的功能加以扩展，装饰模式的关键在于这种扩展是完全透明的。模式的结构UML类图： 装饰模...
2024-01-10深入理解JavaScript系列（48）：对象创建模式（下篇）
介绍本篇主要是介绍创建对象方面的模式的下篇，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式6：函数语法糖函数语法糖是为一个对象快速添加方法（函数）的扩展，这个主要是利用prototype的特性，代码比较简单，我们先来看一下实现代码：if (typeof Function.prototype.metho...
2024-01-10
