这里简单地讲两种方法： 第一种 var mergeTo = [4,5,6], mergeFrom = [7,8,9]; mergeTo = mergeTo.concat(mergeFrom); mergeTo; // is: [4, 5, 6, 7, 8, 9] or var a = [1,2], b = [3,4], c = a.concat(b); 第二种 var mergeTo = [4,5,6], var mergeFrom = [7,8,9]; Array.prototype.push.apply(mergeTo, mergeFrom); mergeTo; // is: [4, 5, 6, 7, 8, 9] 合并多个数组merge array：// 特殊处理业务-必须启用 var _SPECIAL_M...
本文约定：不特殊声明的情况下，属性代指属性或方法。 创建对象、对象继承实际上是一回事：我们所需要的实例对象通过构造函数获得私有属性、通过原型链获得共享的属性。什么是好的方式？私有属性通过构造函数的方式获得（不考虑实例中自定义私有属性）且不需要重写，共享属性通过原型链找到且不需要重复创建。 普适的方式组合使用构造函数模式和原型模式创建对象function HNU_student(name) {this.name = name;this.sayName = func...
事件绑定分为两种：一种是传统事件绑定（内联模型，脚本模型），一种是现代事件绑定（DOM2级模型）。现代事件绑定在传统绑定上提供了更强大更方便的功能。 一 传统事件绑定的问题传统事件绑定中的内联模型不做讨论，基本很少去用。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理函数。传统绑定如：window.onload=function(){var box=document.getElementById('box');box.onclick = function(){alert('Lee');}; };问题一...
如何向 setTimeout 、 setInterval 传递参数 看如下代码：var str = 'aaa'; var num = 2; function auto(num){ alert(num); } setTimeout('auto(num)',4000); 这样写是可以正常工作的，但是如其说这是参数传递，还不如说是直接使用的全局变量。所以，这种写法是没有必要的，一般情况下更多的是用到传递局部变量作为参数。 把代码修改一下：//var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout('a...
js循环数组各种方法 eg1：for (var i = 0; i eg2：Array.prototype.foo = "foo!"; var array = ['a', 'b', 'c']; for (var i in array) { alert(array[i]); } for(var i in this.$GLOBAL_DETAIL.album_photo_ids){if(this.$GLOBAL_DETAIL.album_photo_ids[i] == "3487675024077108") alert(this.$GLOBAL_DETAIL.album_photo_ids[i]);} eg3：[1,2,3,4].map( function(item) { alert(item); }) eg4：var x = [1,2,3,4].map( funct...
首先声明：javascript中每个对象都有一个constructor属性和一个prototype属性。constructor指向对象的构造函数，prototype指向使用构造函数创建的对象实例的原型对象。function Person(){ } var person = new Person(); Person.prototype = { constructor : Person, name : zxs, age : 24, sayName : function(){alert(this.name)} } person.sayName(); 在这段代码中会报错，sayName() is not defined。根据javascript高级程序设计...
接上一篇《Javascript数组Array基础介绍》，这一篇详细介绍Array的所有方法。 所有数组的方法都定义在Array.prototype上,而Array.prototype本身也是一个数组。 array.concat()浅复制一份当前数组，并把接收到的参数附加到新数组的末尾。原数组不改变。 语法 array.concat(value1, value2, ..., valueN) 参数为需要合并的数组或非数组值var arr1 = [1, 2, 3]; var obj = {animal : 'monkey'}; var arr2 = arr1.concat([4, 5, 6], ob...
Array.prototype.lastIndexOf 和 String.prototype.lastIndexOf 是非常的实用的方法，不过很多人不知道它其实可以传递两个参数，第二个参数决定了搜索的起始位置： 语法str.lastIndexOf(searchValue[, fromIndex])lastIndexOf() 方法返回指定值在调用该方法的字符串中最后出现的位置，如果没找到则返回 -1。从该字符串的后面向前查找，从 fromIndex 处开始。 参数 1.searchValue 一个字符串，表示被查找的值。 2.fromIndex 从调用该...
arguments是什么？ arguments是函数调用时，创建的一个类似的数组但又不是数组的对象，并且它存储的是实际传递给函数的参数，并不局限于函数声明的参数列表哦。 尼玛，什么意思？ 写个demo看看，代码见下argumentsfunction obj(){//利用instanceof判断argumentsconsole.log( 'arguments instanceof Array ' + (arguments instanceof Array) );console.log( 'arguments instanceof Object ' + (arguments instanceof Object) );cons...
Javascript，一门神奇的语言，它的数组也同样独特。我们要去其糟粕，取其精华，把常用的最优实践总结出来。如有错误，请指出。 javascript数组是一种类数组的对象，拥有对象的特性。当属性名是小而连续的整数时，应该使用数组，否则，使用对象。 数组来源所有的数组都是Array构造出来的，我们来测试一下constructor这个属性。var arr = []; arr.constructor === Array; // true arr.constructor === Array.prototype.constructor; ...
jQuery是一个优秀的JavaScript库，它凭借简洁地语法和跨平台的兼容性，极大地简化了开发人员遍历HTML文档，操作DOM，处理事件，执行动画和开发Ajax操作。 jQuery优势： 1.轻量级 2.强大的选择器 3.出色的DOM操作的封装 4.可靠的事件处理机制 5.完善的Ajax 6.不污染顶级变量 7.出色的浏览器兼容性 8.链式操作方式 9.隐式迭代 10.行为层与结构层分离 11.丰富的插件支持 12.完善的文档 13.开源 （1）编写简单的jQuery代码: 注：$ 就是...
摘要： 最近在项目中要做一个图片预览的功能，这时候会遇到用户上传很大的图片，已经超出视图界面。最终决定做一个在固定宽和高的位置，用户可以拖动图片查看。所以自己就写了一个支持ie5+，chrome，Firefox，opera等浏览器的可拖动dom元素的插件。 实现这个功能所需要的知识点不多，如下： 1、js中element.style.left style.left返回的变量是个字符串，是个可改变量js中element.offsetLeft offsetLeft返回的是个int类型，不可改...
看了不少js继承的东西也该总结总结了。 先说一下大概的理解，有不对的还望指正，也好更正一下三观。另外说明下，下面的例子并非原创基本就是改了个变量名啥的，有的甚至直接拿过来用的。 js继承是用来干啥的： 首先说js没有真正的跟其他面向对象的语言一样概念的继承，js里边所说的继承是指模拟继承。 具体js继承是干啥呢，刚开始做前端的时候我是用来面试的（最早写些小效果的时候基本用不到，为啥要看呢，因为面试官很爱问这个问...
JavaScript中的封装 封装简单地说就是让外界只能访问对象的共有变量和函数，隐藏细节和数据。 js中有三种方法创建对象，分别为门户大开型、用命名规范区分私有变量、闭包创建真正的私有变量三种。 1.门户大开型，是实现对象的最基础的方法，所有方法与变量都是共有的外界可以访问。var Book = function(name){ if(this.check(name)){ console.log("error"); throw new Error("name null"); } this.name = name; } Book.prototype...
开篇 从'严格'意义上说，javascript并不是一门真正的面向对象语言。这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c#之类的强型语言的继承方式有很大的区别，因而默认它就是非主流的面向对象方式，甚至竟有很多书将其描述为'非完全面向对象'语言。其实个人觉得，什么方式并不重要，重要的是是否具有面向对象的思想，说javascript不是面向对象语言的，往往都可能没有深入研究过javascript的继承方式，故特撰此文...