分类：JavaScript

2020
09-30

简单了解JavaScript arguement原理及作用

问题varlength=10;functionfn(){alert(this.length);}varobj={length:5,method:function(fn){arguments[0]()}}obj.method(fn);//1这段代码中的arguments[0]()是第一个参数？带一对小括号是什么意思？理解我们可以先从最后调用obj.method(fn)开始理解。1.obj是对象，method()是obj的方法，fn是method()的参数，fn是函数的名，他引用对应的函数。arguments是JavaScript的一个内置对象。AnArray-likeobjectco... 继续阅读 >
2020
09-30

使用JavaScript获取Django模板指定键值数据

Django中利用js来操作数据的常规操作一般为点(.)操作符来获取字典或列表的数据，一般如{{data.0}}，{{data.arg}}但有时如果数据是嵌套类型的数据时，直接获取某个值就变得困难了，比如下面的格式要获取correct中qxl的值startArgsSet={"correct":{"qxl":0,"kkx":0},"reliable":{"qxl":0,"kkx":0},"security":{"qxl":0,"kkx":0},"understand":{"qxl":0,"kkx":0},"entropy":{"qxl":0,"kkx":0},"mature":{"qxl":0,"kkx":0},"active":{"... 继续阅读 >
2020
09-29

Javascript原型链及instanceof原理详解

Javascript原型链及instanceof原理详解 instanceof:用来判断实例是否是属于某个对象，这个判断依据是什么呢？首先，了解一下javascript中的原型继承的基础知识：javascript中的对象都有一个__proto__属性，这个是对象的隐式原型，指向该对象的父对象的原型（prototype）。显式的原型对象使用prototype，但是Object.prototype.proto=null;判断某个对象a是否属于某个类A的实例，可以通过搜索原型链。实例对象属性查找顺序是：实例对象内部---->构造函数原型链---->实例对象... 继续阅读 >
2020
09-29

JavaScript组合设计模式--改进引入案例分析

本文实例讲述了JavaScript组合设计模式--改进引入案例。分享给大家供大家参考，具体如下：对于组合设计模式： （1）组合模式中把对象分为两种(组合对象,和叶子对象) （2）组合对象和叶子对象实现:同一批操作 （3）对组合对象执行的操作可以向下传递到叶子节点进行操作 （4）这样就会弱化类与类之间的耦合 （5）他常用的手法是把对象组合成属性结构的对象根据组合模式的这些特性我们改写代码如下：由于用... 继续阅读 >
2020
09-29

JavaScript组合模式---引入案例分析

本文实例讲述了JavaScript组合模式。分享给大家供大家参考，具体如下：首先：使用一个例子来引入组合模式，需求为（1）有一个学校有2个班(一班,二班)（2）每个班级分2个小组(一班一组,一班二组,二班一组,二班二组)（3）学校计算机教室有限,每一个小组分着来上课然后：根据需求我们可以简单看出这里面涉及到  学校，班级，组，和学生总共4个类使用程序模拟 这4个类为，（1）学校类varschool=function(name){... 继续阅读 >
2020
09-29

JavaScript设计模式--桥梁模式引入操作实例分析

本文实例讲述了JavaScript设计模式--桥梁模式引入操作。分享给大家供大家参考，具体如下：1.使用情况（1）事件的监控#1，利用页面的button来选择宠物的例子（思路）button.addEvent(element,"click",getPetByBame);functiongetPetByBame(e){varid=this.id;asyncRquest("GET",'pet.action?id='+id,function(pet){consols.log("requestpet"+pet.resopnseText)})}#2，addEvent函数/*obj:需要增加事件... 继续阅读 >
2020
09-29

JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】

本文实例讲述了JavaScript设计模式--简单工厂模式。分享给大家供大家参考，具体如下：第一步，Ajax操作接口（目的是起一个接口检测作用）（1）引入接口文件//定义一个静态方法来实现接口与实现类的直接检验//静态方法不要写出Interface.prototype,因为这是写到接口的原型链上的//我们要把静态的函数直接写到类层次上//(1)定义一个接口类varInterface=function(name,methods){//name：接口名字if(arguments.length<2){alert(... 继续阅读 >
2020
09-29

JavaScript设计模式--简单工厂模式定义与应用案例详解

JavaScript设计模式--简单工厂模式定义与应用案例详解 本文实例讲述了JavaScript设计模式--简单工厂模式定义与应用。分享给大家供大家参考，具体如下：一，介绍工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。在这里将工厂简单分为三种：（1）简单工厂：通过第三方的类完成松耦合的任务。（2... 继续阅读 >
2020
09-29

使用JavaScript通过前端发送电子邮件

使用JavaScript通过前端发送电子邮件 你为什么不通过发送电子邮件传输信息？不使用数据库就能接收到传入的消息，绝对是最佳选择，也是最方便用户的选择。但问题来了—如何实现呢？你可能认为需要使用某种后端语言。实际上，你不必使用任何如php或python这种后端语言，你甚至不需要用到node.js！你需要的就是一个简单的EmailJS库。本文将介绍下面两个重要功能:配置emailjs帐户使用JS发送电子邮件请注意，在我的项目中，我使用了gulp和webpack，我在src... 继续阅读 >
2020
09-29

JavaScript直接调用函数与call调用的区别实例分析

本文实例讲述了JavaScript直接调用函数与call调用的区别。分享给大家供大家参考，具体如下：直接调用直接调用函数是最常见最普通的方式,直接以函数附加的对象作为调用者,在函数后括号内传入参数来调用函数例如:window.alert("测试代码");其中调用者如果是window可以省略,即直接alert("测试代码");以call()方法调用函数语法：call([thisObject[,arg1[,arg2[,...,argn]]]]);新同学看来好像直接调用就够了,其实不然, 直接... 继续阅读 >
2020
09-29

JavaScript使用prototype属性实现继承操作示例

本文实例讲述了JavaScript使用prototype属性实现继承操作。分享给大家供大家参考，具体如下：JS并没有显式的继承语法,在JS中所有的对象都是Object的子类实现,因而对象之间是平等关系.尽管如此我们可以通过特殊的方法达到继承的效果.当然JS也不能直接定义类,我们通过定义函数可以得到一个同名的类,同时这个函数就是这个类的构造器,在定义函数时以this修饰的变量就是定义的类的实例中的属性,当这个属性时函数时, 就可以认... 继续阅读 >
2020
09-29

单线程JavaScript实现异步过程详解

单线程JavaScript实现异步过程详解 前两天硬着头皮在部门内部做了一次技术分享，主题如题。索性整理成文章留个纪念！要了解异步实现，首先我们得先了解：同步&异步同步：会逐行执行代码，会对后续代码造成阻塞，直至代码接收到预期的结果之后，才会继续向下执行任务。异步：调用之后先不管结果，继续向下执行任务。网上各种文章对同步和异步的解释也不外如是，但是看文字总是有点晦涩难懂！我就生活化的来比拟一下这两个概念吧！就好比请人吃饭：比如你要请两个人... 继续阅读 >
2020
09-29

JavaScript链式调用原理与实现方法详解

JavaScript链式调用原理与实现方法详解 本文实例讲述了JavaScript链式调用原理与实现方法。分享给大家供大家参考，具体如下：1、什么是链式调用？这个很容易理解，例如$('text').setStyle('color','red').show();一般的函数调用和链式调用的区别：链式调用完方法后，returnthis返回当前调用方法的对象。首先，我们先来看看一般函数的调用方式（1）先创建一个简单的类//创建一个bird类functionBird(name){this.name=name;this.run=function(){documen... 继续阅读 >
2020
09-29

JavaScript设计模式---单例模式详解【四种基本形式】

本文实例讲述了JavaScript设计模式---单例模式.分享给大家供大家参考，具体如下：单例模式也称为单体模式，其中：1，单体模式用于创建命名空间，将系列关联的属性和方法组织成一个逻辑单元，减少全局变量。逻辑单元中的代码通过单一的变量进行访问。2，三个特点：①该类只有一个实例；②该类自行创建该实例，即在该类内部创建自身的实例对象；③向整个系统公开这个实例接口3，单体模式有四种基本形式：第一种，最简单的... 继续阅读 >
2020
09-29

JavaScript接口实现方法实例分析

本文实例讲述了JavaScript接口实现方法。分享给大家供大家参考，具体如下：JavaScript中实现接口的方法有三种：第一种，使用注释的方法实现接口特点：（1）最简单，但是功能最弱（2）利用interface和implement"文字"（3）把他们用注释的方式表现出来具体实现如下：1，用注释定义一个接口/**interfacePersonDao(){*functionadd(obj);*functionremove(obj);*functionfind(id);*}**/（2）用注释来注明实现的... 继续阅读 >