Javascript模式主题的文章列表，还有Javascript模式的技术要点_第3页

JavaScript基础（3）-JS中的面向对象、定时器、BOM、位置信息

一、创建对象的几种常用方式、1、使用Object或对象字面量创建对象； a、使用Object()内置的构造函数来创建对象，例如：varstudent=newObject();//创建一个student对象student.name="easy";//属...

代码星球 ·2021-02-25

JavaScript基础（2）-DOM

一、伪数组arguments　　arguments代表的是实参，有个讲究的地方是：arguments只在函数中使用。1、返回函数实参的个数：arguments.length，例如：fn(2,4);fn(2,4,6);fn(2,4,6,8);functionfn(a,b,c){console.log(arguments)...

代码星球 ·2021-02-25

JavaScript基础（1）-ECMAScript

一、JavaScript简介1、JavaScript历史背景　　布兰登•艾奇（BrendanEich，1961年～），1995年在网景公司，发明的JavaScript。　　刚开始JavaScript叫做LiveScript，但是由于当时Java这个语言特别火，所以为了傍大牌，就改名为JavaScript。如同“北大”和...

代码星球 ·2021-02-25

javascript精度问题与调整

一个经典的问题：0.1+0.2==0.3答案是：false因为：0.1+0.2=0.30000000000000004 第一次看到这个结果就是无比惊讶，下巴碰到地上，得深入了解下问题出在哪里，该怎么去调整。产生问题的原因在JS中数值类型就只有number类型，没有int，float，double之...

代码星球 ·2021-02-25

聊聊javascript的null和undefined

只要是说到js的变量和数据类型，就脱不开null和undefined，这兄弟俩就是js的重要基础，不可不察，无数的同学们都用过放大镜多角度多批次地研究过这兄弟俩，真是深受欢迎。^-^js也真是怪异，有个null不够，还要折腾出个undefined。虽然被诟病，但这就是设计。在c#和java中，null就是表...

代码星球 ·2021-02-25

在javascript中获取一个对象内属性的个数

varfoo={a1:'1',a2:'2',a3:'3'};//获得对象所有属性的数组Object.getOwnPropertyNames(foo);>['a1','a2','a3']//获取对象属性的个数Object.getOwnPropertyNames(foo).length;>3getOwnProp...

代码星球 ·2021-02-25

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件（三）

在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）》里，通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求：当前图片显示指定时间后执行切换效果并切换下一张图片，最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...

代码星球 ·2021-02-25

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）

在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）》里，通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段，将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...

代码星球 ·2021-02-25

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）

类似于幻灯片的切换效果，有时需要在网页中完成一些图片的自动切换效果，比如广告，宣传，产品介绍之类的，那么单纯的切就没意思了，需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。实现原理不复杂，在动的一条一条的称之为“窗帘条”或者是“strip”...

代码星球 ·2021-02-25

javascript设计模式实践之策略模式--输入验证

策略模式中的策略就是一种算法或者业务规则，将这些策略作为函数进行封装，并向外提供统一的调用执行。先定义一个简单的输入表单：<!DOCTYPEhtml><html><head><metacharset="utf-8"><style>.form{width:400...

代码星球 ·2021-02-25

画一画javascript原型链

在javascript中，几种数据类型String，Number，Boolean，Object，Function都是函数，可称之为函数对象。可以说拥有prototype属性的都是函数。所有对象都拥有__proto__属性，因为原型链就是靠__proto__的指向进行构建。使用函数，并在该函数前添加new操作符的调用，可...

代码星球 ·2021-02-25

交换排序---快速排序算法（Javascript版）

快速排序是对冒泡排序的一种改进。通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部分的所有数据都要小，然后再按此方法对这两部分数据分别进行快速排序，整个排序过程可以递归进行，最终达到整个数据变成有序序列。假设要排序的数组是A[0]……A[N-1]，首先任意选取一个数据（通常选用数组的第一个数...

代码星球 ·2021-02-25

交换排序---冒泡排序算法（Javascript版）

比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。 functionsort(elements...

代码星球 ·2021-02-25

选择排序---堆排序算法（Javascript版）

堆排序分为两个过程：1.建堆。堆实质上是完全二叉树，必须满足：树中任一非叶子结点的关键字均不大于（或不小于）其左右孩子（若存在）结点的关键字。堆分为：大根堆和小根堆，升序排序采用大根堆，降序排序采用小根堆。如果是大根堆，则通过调整函数将值最大的节点调整至堆根。2.将堆根保存于尾部，并对剩余序列调用调整函数，调整完成后，...

代码星球 ·2021-02-25

选择排序---直接选择排序算法（Javascript版）

在要排序的一组数列中，选出最小（或者最大）的一个数与第1个位置的数交换；然后在剩下的数当中再找最小（或者最大）的与第2个位置的数交换，依次类推，直到第n-1个元素（倒数第二个数）和第n个元素（最后一个数）比较为止。functionsort(elements){for(i=0;i<elements.length;i...

代码星球 ·2021-02-25