分类：JavaScript

2020
09-25

Javascript组合继承方法代码实例解析

组合继承组合继承，指将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后思路使用用原型链实现对原型属性和方法的继承，而通过构造函数来实现对实例属性的继承。这样，即通过在原型上定义方法实现了函数复用，又能够保证每个实例都有它自己的属性。下面来看一个例子functionSuperType(name){this.name=name;this.color=['red','blue','green'];};//SuperType.prototype.sayName=funct... 继续阅读 >
2020
09-25

Javascript异步编程async实现过程详解

async官方DOC介绍node安装npminstallasync--save使用varasync=require('async')js文件https://github.com/caolan/async/tree/master/distasync提供了很多函数用于异步流程控制，下面是async核心的几个函数，完整的函数请看async官方DOCasync.map(['file1','file2','file3'],fs.stat,function(err,results){//resultsisnowanarrayofstatsforeachfile});async.filter(['file1','file2','file3'],function(fil... 继续阅读 >
2020
09-25

JavaScript运动原理基础知识详解

在这篇文章里，我将把JS的运动由简如深的进行分析：运动基础主要步骤为：清除定时器，保证运动过程中只有一个定时器开启定时器开始运动，同时加入判断以便在需要时停止运动。将移动函数进行了简单的封装。<scripttype='text/x-handlebars-template'id='list-item'>{{#ifitems}}<ulid='mylist'>{{#eachitems}}<li><ahref='{{url}}'>{{text}}</a></li>{{/each}}</ul>{{/if}}</script>funtionaddItem(ur... 继续阅读 >
2020
09-25

Javascript模块化机制实现原理详解

1.概述js发展初期暴露了其缺陷：缺乏模块，后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手，发现对于其JavaScript的模块机制，不是很理解。我查阅了一些资料整理了JavaScriptCommonJS的原理和机制。2.JavaScript2.1无后端的项目这类项目不能使用CommonJS的模块规范，这是我起初所犯的错误。在没有es6被大多数浏览器支持的时候，js文件充斥着var和function，由此引来了命名冲突和污染，使得JavaScript代码很复... 继续阅读 >
2020
09-25

Selenium执行Javascript脚本参数及返回值过程详解

在Selenium中可以使用drvier.execute_script()来执行Javascript脚本，支持多行语句。使用Javascript可以实现以下功能：移除元素隐藏、禁用、只读等限制属性为元素添加id或高亮样式页面滚动富文本框输入（HTML注入)获取页面信息使用Javascript参数在使用Javascript语句时，还可以动态传入参数或元素对象，Javascript语句中使用占位符“argument[n]”来表示取第几个参数，如：js="arguments[0].setAttribute('style',... 继续阅读 >
2020
09-24

如何优雅地取消 JavaScript 异步任务

在程序中处理异步任务通常比较麻烦，尤其是那些不支持取消异步任务的编程语言。所幸的是，JavaScript提供了一种非常方便的机制来取消异步任务。中断信号自从ES2015引入了 Promise ，开发者有了取消异步任务的需求，随后推出的一些WebAPI也开始支持异步方案，比如FetchAPI。TC39委员会（就是制定ECMAScript标准的组织）最初尝试定义一套通用的解决方案，以便后续作为ECMAScript标准。但是后来讨论不出什么... 继续阅读 >
2020
09-24

Javascript Web Worker使用过程解析

WebWorker概述JavaScript语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核CPU的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。WebWorker的作用，就是为JavaScript创造多线程环境，允许主线程创建Worker线程，将一些任务分配给后者运行。在主线程运行的同时，Worker线程在后台运行，两者互... 继续阅读 >
2020
09-24

Javascript ParentNode和ChildNode接口原理解析

ParentNode接口，ChildNode接口节点对象除了继承Node接口以外，还拥有其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。ParentNode接口如果当前节点是父节点，就会混入了（mixin）ParentNode接口。由于只有元素节点（element）、文档节点（document）和文档片段节点（documentFragment）拥有子节点，因此只有这三类节点会拥有ParentN... 继续阅读 >
2020
09-24

javascript事件循环event loop的简单模型解释与应用分析

javascript事件循环event loop的简单模型解释与应用分析 本文实例讲述了javascript事件循环eventloop的简单模型解释与应用.分享给大家供大家参考，具体如下：js是单线程的，但是eventloop的出现，使得js拥有可以处理高并发的性能。那么怎么理解eventloop呢？网上百度一堆文章，什么heap，stack，microqueue，macroqueue，让初学者直接懵掉。这里采用很通俗的理解方式介绍下eventloop.eventloop顾名思义是事件循环，既然是循环，那循环的是什么呢？对于一个js文件，1，执行当前执行... 继续阅读 >
2020
09-24

JavaScript代理模式原理与用法实例详解

JavaScript代理模式原理与用法实例详解 本文实例讲述了JavaScript代理模式原理与用法。分享给大家供大家参考，具体如下：代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式，它对目标对象不进行任何修改，它的目的在于延缓"复杂"对象的初始化时间。这样可以在用到这个目标对象的时候再初始化他(对于单例来讲更是重要)。代理模式有两种分类：（1）普通代理（2）惰性代理具体看下面的例子第一，普... 继续阅读 >
2020
09-24

JavaScript命令模式原理与用法实例详解

JavaScript命令模式原理与用法实例详解 本文实例讲述了JavaScript命令模式原理与用法。分享给大家供大家参考，具体如下：第一，命令模式：（1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕操作)（2）真的不要乱用这个模式,以为他使你简单调用写法变得非常的复杂和有些难以理解。（3）你的业务出现了(回退操作)(重做操作)的需求的时候你就要考虑使用这个模式了。命令的原理：一种情况为发出者直接作用于执行者，这样耦合度很高，另外... 继续阅读 >
2020
09-24

JavaScript实现指定数量的并发限制的示例代码

JavaScript实现指定数量的并发限制的示例代码 在网上看到这么一道题：这道题跟鱼头这篇记录『什么是时间分片（TimeSlicing）？』有点相似，但不同的是这次是限制异步并发的数量。所以话不多说，我们先来康康实现首先我们来实现一个分割数组的函数~constgroup=(list=[],max=0)=>{if(!list.length){returnlist}letresults=[]for(leti=0,len=list.length;i<len;i+=max){results.push(list.slice(i,i+max))}returnresults... 继续阅读 >
2020
09-24

JavaScript观察者模式原理与用法实例详解

JavaScript观察者模式原理与用法实例详解 本文实例讲述了JavaScript观察者模式原理与用法。分享给大家供大家参考，具体如下：观察者模式观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。*它分为2个角色：（1）观察者（2）被观察者*观察者模式的目的：对程序的内在变化进行观察,当其有变化的时候，你可以得知,... 继续阅读 >
2020
09-24

JavaScript享元模式原理与用法实例详解

JavaScript享元模式原理与用法实例详解 本文实例讲述了JavaScript享元模式原理与用法。分享给大家供大家参考，具体如下：通过两个例子的对比来凸显享元模式的特点：享元模式是一个为了提高性能(空间复杂度)的设计模式，享元模式可以避免大量非常相似类的开销。第一实例，没有使用享元模式，计算所花费的时间和空间使用程度。要求为：有一个城市要进行汽车的登记（1）汽车类/***制造商*型号*拥有者*车牌号码*最近一次登记日期*/varCar=functi... 继续阅读 >
2020
09-24

JavaScript装饰者模式原理与用法实例详解

JavaScript装饰者模式原理与用法实例详解 本文实例讲述了JavaScript装饰者模式原理与用法。分享给大家供大家参考，具体如下：这里我们通过需求逐渐引出装饰者模式。下面是一个关于几代汽车的不同逐渐体现装饰者模式的。首先，我们先引入一个接口文件----目的为检验实现类是否完全实现接口中的方法，代码如下，//定义一个静态方法来实现接口与实现类的直接检验//静态方法不要写出Interface.prototype,因为这是写到接口的原型链上的//我们要把静态的函数直接写到类层次上//... 继续阅读 >