Allenyhy的博客

深入了解 Number 类型 Number 类型作为 JS 的基本数据类型之一，被应用在程序中的各种场景，其重要性就如数字对于我们日常生活。 下面就让我们来一起深入了解下，为以后的“策马奔腾”做好铺垫。 定义方式 一般来说我们可以直接使用数值字面量格式来定义一个数字，如下： var num1 = 15; var num2 = 7; console.log(typeof num1); ...

事件模型 这是一个完整的事件流： 事件捕获----处于目标----事件冒泡 注意：事件捕获由于浏览器兼容问题用的比较少   事件处理程序（addEventListener） 格式为：element.addEventListener(type, handle, false); type: 事件触发类型，如click,keypress等等，下面我们详细的讲讲事件类型！！ handle...

如果一个元素的子元素里还有子元素，那么我们常常用到的一个方法就是递归 例子如下图所示： function traversal(dom){ var len = dom.length; var d = null; for(var i=0; i<len; i++){ d = dom[i]; console.log(d); if(d....

property称为属性，而attribute称为特性！特殊的属性就叫特性！（如className,href等等） property和attribute的区别 1）公认的attribute会映射到property 现在我们来看一个元素的全部属性（用console.dir即可得到） 里面的attributes就是特性，特性就是该元素所特有的属性，其他的都是property，所有元素都有的...

DocumentFragment简单描述 documentFragment是nodeType值为11，nodeName的值为#document-fragment. 1) documentFragment是一个文档片段，一种‘轻量级节点’ 2) 通常作为仓库来使用，不存在DOM树上，是一种游离态   DocumentFragment的用途 当我们用JS的DOM创建很多节点时，在加入节点到...

window对象 window---储存了窗口相关的信息 window对象---扮演的是ECMA的global对象 怎么理解呢？看下面两句话 1）凡是不是其他作用域的变量都是window的属性 2）凡是不是其他作用域的函数都是window的方法 下面谈谈window常用的几个方法 系统对话框 1）window.alert('注意') 点击确认之后的返回值为：   2....

for/in语句的使用   for/in语句的使用格式为： for(变量 in 对象){ 遍历执行的代码； } 用一个实例来解释会更清晰，实例如下所示： var bottle = { name:'bottle', price:49, diameter:6.7, isKeepWarm:ture; } for(var key in bottle){...

函数声明与函数表达式的区别 前面我们已经说了两种定义函数的方式：函数声明与函数表达式。那么这两种方式有区别吗，还是一样的呢？下面我们来进一步探讨探讨。 下面我们定义了两个函数分别为 hello 和 hi，前者采用函数声明，后者采用函数表达式，然后再调用，如下： function hello () { console.log('Hello the world'); } var hi...

数组的常用方法 数组作为一种重要的数据类型，除了我们前面已经说到的 pop、push、shift、unshift 几个方法外，还有很多实用的方法也是我们的必备技能。 假设我们有一队人，如下图： 我们要对其进行一些排序或筛选的操作（比喻按高矮排序，筛选女性等），我们都可以通过数组来进行操作。   抽出一些人 首先我们用数组定义该数据（为了简单起见，我们数据就不搞那么多）： var...

$(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程序的响应速度，jQuery就是用$(document).ready()方法来代替传统的JS的window.onload方法的 下面利用对比的方式，可以加深对$(document).ready()的理解 1.执行时机 JS（window.onload）：网页中所有的元素（包括元素的所有关联文件）完...