桥接模式(BridgePattern)定义：是用于把抽象化与实现化解耦，使得二者可以独立变化。目的：将抽象部分与实现部分分离，使它们都可以独立的变化。场景：实现系统可能有多个角度分类，每一种角度都可能变化。leteach=(arr,fn)=>{for(leti=0;i<arr.length;i++){let...

适配器模式(AdapterPattern)定义：将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的那些类能一起工作。目的：主要解决在软件系统中，常常要将一些"现存的对象"放到新的环境中，而新环境要求的接口是现对象不能满足的。场景：系统需要使用现有的类，而此类的接口不符合系统的需要。cla...

原型模式(PrototypePattern)定义：用于创建重复的对象，同时又能保证性能。目的：用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。场景：在运行期建立和删除原型。letproductPrototype={init:(type)=>{this.type=type},getType:()=&...

抽象工厂模式(AbstractFactoryPattern)定义：抽象工厂模式提供了一种方式，可以将一组具有同一主题的单独的工厂封装起来。或者说，是其他工厂的工厂。目的：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。场景：系统的产品有多于一个的产品族，而系统只消费其中某一族的产品。classUse...

建造者模式(BuilderPattern)定义：使用多个简单的对象一步一步构建成一个复杂的对象。目的：将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。场景：一些基本部件不会变，而其组合经常变化的时候。//声明一个产品类classProduct{constructor(){}}//声明一个建造者类c...

单例模式(SingletonPattern)：定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。目的：阻止其他对象实例化其自己的单例对象的副本，从而确保所有对象都访问唯一实例。场景：如一个系统中可以存在多个打印任务，但是同时只能有一个正在工作的任务。例：JS代码实现//惰性单例letlazySingle=((...

装饰模式(DecoratorPattern)：定义：在不改变原对象的情况下，动态的给对象添加一些额外的职责。就功能而言，装饰模式相比生成子类更为灵活。目的：把类的核心职责和装饰功能区分开。可以去除相关类中重复的逻辑。场景：当系统需要扩展一个类的功能，或者客户端需要动态的给一个对象添加功能，并且使用继承或生成子类会很复杂...

策略模式(StrategyPattern)：定义：定义了一族算法；封装了每个算法；这族的算法可互换代替。目的：将算法的使用与算法的实现分离开来。场景：可用来消除大量的条件分支语句。例：JS代码实现//策略算法封装letstrategy={add(number1,number2){returnnumber1+number...

工厂模式(FactoryPattern)：定义：定义一个创建对象的接口，但让实现这个接口的类来决定实例化哪个类。工厂方法让类的实例化推迟到子类中进行。目的：工厂模式是为了解耦，把对象的创建和使用的过程分开。场景：需要生成复杂对象，需要降低耦合度的场景。例子：JS代码实现 letoperationFactory...

1、什么是异步(Asynchronous)编程？   相对于同步(Synchronous)而言,异步就是后一个任务不需要等待前一个任务结束就执行，而前一个任务结束以后执行回调函数。   最常见的异步编程有setTimeout函数、ajax请求等。 &...

 转载来源https://www.cnblogs.com/chenyablog/p/6477866.html    在日常工作过程中，我们对于javaScript遍历对象、数组的操作是十分的频繁的，今天抽空把经常用到的方法小结一下，方便今后参考使用！1、使用Object...

*书籍：JavaScript高级编程设计JavaScript语法精辟FunctionJavaScript周爱民-JavaScriptJavaScript模式*JavaSript前身LiveScript由Netscape公司开发。JavaScript本身与Java无直接关系。*当到了高级的时候看高手的开源代码学习最快。编...

//js对象打印函数functionwriteObj(obj){vardescription="";for(variinobj){varproperty=obj[i];description+=i+"="+property+"";}alert(description);} ...

<script>window.onload=function(){varmyLinkItem=document.getElementById('linkItem');varfirst=firstSibling(myLinkItem.parentNode);varlast=lastSibling(myLink...

<scripttype="text/javascript">functionhasClass(elements,cName){returnelements.className.match(newRegExp("(\s|^)"+cName+"(\s|$)"));//(\s|^)判断前面是否有空格(\s|$)判...