// 接受一个字符串，其中包含了用于匹配元素集合的 CSS 选择器 jQuery([selector,[context]]) // 传入单个 DOM jQuery(element) // 传入 DOM 数组 jQuery(elementArray) // 传入 JS 对象 jQuery(object Read More
一、BFC元素简介与基本表现。 BFC全程"Block Formatting Context",中文为"块级格式化上下文"。记住一句话：BFC元素特性表现原则就是，内部子元素再怎么翻江倒海，翻雨覆雨都不会影响外部的元素。所以，避免margin穿透、清楚浮动什么的也就好理解了。 什么时候出发BFC呢？ Read More
这是js最鲜为人知的秘密之一,v 1.3首次引入。大部分情况下repalce的使用情况如下： '10 12 13 40 50'.replace(/\d+/g,'*');//用 * 替换所有的数字 这是一个简单的数字替换逻辑。但是，如果我们希望在替换发生时又更多的控制，该怎么办？ 比如：我们只希望替换 Read More
一、实现原理. 效果本质上是CSS3动画,就是旋转transform:rotate和位移:transform:translate,只是旋转和位移的部件是三角碎片而已。三角是使用CSS3 clip-path剪裁出来的。 JS把元素剪裁成一个个等腰直角三角形,然后随机分布在四周，然后通过CSS3 ani Read More
每个web应用一般都有相当多的事件处理程序，监听着无数不同的事件。然而，很少有能仔细得将应用逻辑从事件处理程序中分离的。请看一下例子： function handleKeyPress(event){ event = event || winow.event; if(event.keyCode == Read More
一、一些字面意思。 “行高”大约是指：一行文字的高度。具体来说是指两行文字间基线之间的距离。基线是在英文字母中用到的一个概念，我们刚学英语使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a、c、z、x等字母的底边线。下图的红色线即为基线。 vertical-align中有top,midd Read More
左中右三栏宽度 自适应的常见方法有三种：绝对定位法、margin负值法以及自身浮动法。 1、绝对定位法 这或许是三种方法里最直观、最容易理解的：左右采用绝对定位分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自使用布局。 <body> <div class="lef Read More
一、margin常见问题 1、IE6下双边距问题 margin双布局可以说是IE6下经典的bug之一。产生的条件是：block元素+浮动+margin。 2、maring重叠的问题 css2.0规范对margin重叠有如下描述： ->水平边距永远不会重合 ->垂直边距可能在特定的框之间重合 * 常规 Read More
何时是JSON，何时不是JSON？ JSON是设计成描述数据交互格式的，他也有自己的语法，这个语法是JS的一个子集。 {"prop":"val"}这样的声明有可能是JS对象字面量也有可能是 JSON字符串，取决于什么上下文中使用它，如果是在string上下文(用单引号或双引号引住或者从text文件读 Read More
转自 ： 汤姆大叔的blog Bob大叔提出并发扬了S.O.L.I.D五大原则，用来更好地进行面向对象编程，五大原则分别是： 单一职责的描述如下： A class should have only one reason to change. 一个类(JS下应该是一个对象)应该有一组紧密相关的行为的意 Read More