迷茫的小飞侠

摘要： var myMammal = { name : 'Herb the Mammal', get_name : function () { return this.name; }, says : function () { return this.saying || ''; }};var myCat =... 阅读全文

摘要： 对象创建和继承对象创建指的是自定义对象构造函数，用于批量创建拥有共同属性方法的对象。例如创建一个人对象构造函数，然后实例化出小明，小红继承指的是两个引用类型对象间属性和方法的继承，原理是利用prototype，因为实例内部保留了对构造函数prototype的指针，prototype保留对该构造函数的... 阅读全文

摘要： 原理通过设置 函数的 length 属性var a = [1, 2, 3, 4];a.length = 3 ;结果 ： a = [1,2,3] 阅读全文

摘要： 继承主要就是通过prototype chaining 来实现的1、Prototype Chaining：function SuperType(){this.property = true;}SuperType.prototype.getSuperValue = function(){return t... 阅读全文

摘要： function people(name) { 这样定义是在全局命名空间（global namespace） name: name, sayname: function() { alert(this.name); }}jack = people("jack"); 这个时候 this... 阅读全文

摘要： defaultView 只读的which is used to represent the currently rendered view of the document返回的值通常是包含目前document的 window对象ie9 开始支持该属性，之前的版本使用 parentWindow 属... 阅读全文

摘要： var a, i = 0, arr = [1,2,3,4];while(a = arr[i++]){ alert(a) 输出 1，2，3，4}从零开始遍历数组，有点类似于for，但是while 不需要知道数组的长度，只要还有数据就会递增更好的遍历数组的方法var i,i... 阅读全文

摘要： 在盒子模型中，如果父元素(div)设定了宽度，那么它的子元素(div)宽度默认为 100%这个时候对设置子元素的padding border宽度进行设置，盒子会向内扩展 (图中第二种情况)也就是：父元素宽度 = 子元素 border+padding+width (子元素宽度没设置)但是如果显式对... 阅读全文

摘要： a标签 两种button按钮 默认带有一个虚线 outline 当他们被单击 和 激活以后outline和border 很类似 ，但是有不同1、outline 不能针对特定的边赋值 ，也就是没有 border-left 这种2、在盒子模型中没有outline，所以当你添加和去除这个属性不会改变布局（... 阅读全文

摘要： 1、margin 为负值margin-bottom:-3000px; padding-bottom:3000px; 一正一负配合父元素 overflow:hidden;#content{overflow:hidden;}.left{width:200px; margin-bottom:-3000... 阅读全文

摘要： 创建表达式的两种方式var pattern1 = /[bc]at/i;var pattern2 = newRegExp(“\\?”); （ var pattern2 = new RegExp(“[bc]at”, “i”);）注意第二种方式要加上 双\\ ， 因为如果 \? 的话解析的时候会尝... 阅读全文

摘要： 绝对定位 有点像 float:left; 有包裹性 和 破坏性但是绝对定位会脱离文档流，高度没了，宽度也没了，绝对元素会层叠到一起position：absolute的块状元素会与float 元素重合，而行内元素不会img{float:left;} div{position: absolute;}... 阅读全文

摘要： var sToChange = “The sky is red.”;var reRed = /red/;var sResultText = sToChange.replace(reRed, function(sMatch) { return “blue”;});sMatch 指的是被匹配到到的对象，... 阅读全文

摘要： 浮动最开始的目的是为了让文字环绕图片（一个图片和多行文字对齐） 1、包裹性：元素添加 float 属性之后 自动变成 inline-block 元素，能设置 宽高 2、破坏性：破坏自身高度，还会使父元素没有了高度，因为里面元素没有了高度 在css中高度有两个模型产生 1、Box 模型 margin+ 阅读全文

摘要： 行高：两条文字基线之间的距离，基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。如果设为数字的话，表示行高为当前font-size的倍数，默认1.14，不用带单位也可以如果是把它设为和高度... 阅读全文

摘要： { display: none; } 不占据空间，无法点击{ visibility: hidden; } 占据空间，无法点击{ position: absolute; clip:rect(1px 1px 1px 1px);} 不占据空间，无法点击{ position: absolute; to... 阅读全文

摘要： http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 主要结构 1、用户界面 如：地址栏，前进后退按钮，书签等 2、浏览器引擎 在用户界面和渲染引擎之间传输指令 3、呈现引擎 解析显示用户请求的内容，几乎都是单线程 除了网 阅读全文

摘要： 选择器的特异性由CSS2 规范定义如下： !important的规则比其他的权值都大 p{color: red !important}如果声明来自于“style”属性，而不是带有选择器的规则，则记为 1，否则记为 0 (= a)ID 属性的个数 ( b)其他属性和伪类的个数 ( c)元素名称和伪... 阅读全文

摘要： 强制重绘ele.setAttribute( 'style' , ele.getAttribute('style' ));1、当render tree （渲染树）中的部分或全部因为元素的规模尺寸，布局，隐藏等改变而需要重新构建时，称之为 回流每个页面至少回流一次，就是在页面第一次加载的时候。 也就是将... 阅读全文

摘要： 此内容只有IE可见此内容只有IE5.0以上版本可见lt 表示less than 当前条件版本以下的版本，不包含当前版本。gte 表示greeter than or equal 当前版本以上版本，并包含当前版本。lte 表示less than or equal 当前版本以下版本，并包含当前版本。blo... 阅读全文