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

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

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

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

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

解决方法：audio.load()letplayPromise=audio.play()if(playPromise!==undefined){playPromise.then(()=>{audio.play()}).catch(()=>{})}原因：从Chrome50开始，对<video>或&...

importReact,{Component,PropTypes}from'react'报错：Cannotresolvesymbol'Component'Cannotresolvesymbol'PropTypes'1.解决Cannotresolvesymbol'Component'安装依赖：npminstall@typ...

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

看的第一遍，找不到sass，查看node-sass文件，里面没有文件解决办法下载sass之前，要先修改源先把node-modules删除掉执行以下命令npmconfigsetsass_binary_site=https://npm.taobao.org/mirrors/node-sass再npminstall ...

阮一峰博客系列：http://es6.ruanyifeng.com/#README ...

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

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

概念准备：　　1、引用类型是将对象是实际数据保存在堆中,将对象在堆中的地址保存在栈中。　　2、值类型直接将实际数据存放在堆中，不会将对象在堆中的地址保存在栈中。 一、String.Empty和“”本质相同的，都在内存中分配一个长度为0的存储空间；　　1、string.Empty与&rd...

//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...