用过jQuery的朋友都知道他强大的链式操作，方便，简洁，易于理解，如下 1.jQuery的链式操作是如何实现的？ 2.为什么要用链式操作？ 链式操作 原理相信百度一下一大把，实际上链式操作仅仅是通过对象上的方法最后 把对象再返回回来，对象当然可以继续调用方法啦，所以就可以链式操作了。那么，简单实现一个： 但……为什么要用呢？ 一般的解释：节省代码量，代码看起来更优雅。 例如如果没有链式，那么你可能需要这样写代码： 这个代码中调用了两次document.getElementById来获取DOM树的元素，这样消耗比较大，而且要写两行，而链式只要写一行，节省了代码…… 但我们也可以用缓存元素啊。比如： 而且两行并没有比一行多多少代码，甚至相应的封装反而使得代码更多了。 最糟糕的是所有对象的方法返回的都是对象本身，也就是说没有返回值，这不一定在任何环境下都适合。

    如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧； 如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧； 如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧； web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触web前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚辛甚！

    无论是在web页面还是手机应用，信息往往无法在一个页面全部展示，这就需要用到一些可以扩展页面信息的交互模式：分页（Pagination）和加载（Continuous Scrolling）。分页和加载都是非常常见的交互模式，我们每天都会遇到，也正是因为太常见，我们甚至感觉不到它们的存在，浏览到页面的底部时，看到分页就顺手点一下，自动加载了就继续阅读。但正是这小小的一点，也会带给用户很不同的微妙感受。下面就来聊聊这些小差异带来的大不同。

    在JavaScript中，函数中的预定义变量arguments并非一个真正的数组，而是一个类似数组的对象。 它具有length属性，但是没有数组对象的slice, push, sort等函数，而这些有时我们经常在函数里用到，所以我们需要把参数转换为真正的数组。

    主要内容：1、用于清空数组 2、判断数据项在数组中的位置 3、判断数据项是否在该数组中 4、把数据项添加到指定的位置 5、返回最有一项数据 6、移除数组指定索引的值 7、移除数据项的数据 8、用于数组的查询

    JavaScript中的每个运算符到底是如何进行类型转换的.下面会依次讲解六个最常用的运算符的工作机制: typeof typeof运算符会返回操作数类型的字符串表示.主要有两个需要注意的地方: ●未定义或未声明的变量将会返回"undefined", 比如.如果a没有被声明,那么typeof a将会返回"undefined". ●typeof在操作数是null或函数的种情况下会"撒谎".

    网站性能就是怎么用最短的时间将网页呈现出来，和用户进行流畅的交互，归根结底还是要看时间。 1、页面的加载时间 (1)、从在浏览器里按下回车键到页面开始出现的时间，相同站点在不同浏览器下这个时间会有所不同 (2)、所有资源下载完毕的时间 (3)、Css解析时间 (4)、触发浏览器onload事件的时间 2、资源的加载 (1)、所有的请求数 (2)、网页（html）的大小 (3)、图片/css/javascript的大小 (4)、异步请求的数量 (5)、坏请求的数量(重定向，服务器端错误等等) 3、网络耗费时间 (1)、DNS时间（查找域名对应的服务器IP耗费的时间） (2)、连接时间 （向服务器发起连接时间） (3)、服务器时间 （服务器端处理请求的耗费时间） (4)、传输时间 （由服务器向客户端传输资源耗费时间）

    在弹出层包含富编辑器时(既含有iframe时)，点击窗体任何部分，然后关闭弹出层后再次打开弹出层。这时候页面所有输入框input无法获得焦点但是链接、按钮都可以获取到，页面也不报任何错误。这种情况只是在IE下出现，我想是dom冲突了。 解决方法： 关于弹出层关闭，一般有两种方式：一是利用div隐藏或显示来控制弹出层的显示与隐藏；二是利用DOM直接移除弹出层。 第二种比较好，资料这样说 “ IE 下在移除父层的 DIV 的时候，也就是 IFrame 外层的 DIV 的时候,IE 并没有将内部的 IFrame 从 DOM 中移除,而下次触发函数创建此 IFrame 的时候,使会产生 DOM 冲突,所以解决方法就是在移除父层的 DIV 的时候,先将内部的 IFrame 也移除”

    记得我有篇博文是写用js来实现滑动菜单(个性导航)的例子 博文地址-js个性导航 demo演示-狠狠的点击这里 css3能实现吗？ 随着css3的强大和流行，就用css3来实现了一个 css3 demo演示 怎么实现？ 今天的主角是nth-child选择器和 ~ 选择器，以及transition来打下龙套。简单介绍下： :nth-child(n) 选择某个元素的一个或多个特定的子元素，n表示第几个。例如 p span:nth-child(1)，选中p下面的第一个span，n是从1开始的，这很怪，猜是 w3c 的家伙集体打瞌睡了。n 也可以是表达式，如 2n 表示选择所有偶数个，等于even；2n+1 表示选择基数个，等于 odd；3n表示选择顺序是 3的倍数的子元素等等； ~ 兄弟选择器，选择跟在某个元素后面的特定兄弟元素，例如 p ~ div选中跟p同级，且在p后面的div； + 临近兄

    #hack{ color:red; /* 所有浏览器都支持 */ color:red !important;/* 除IE6外 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ +color:red;/*IE7支持*/ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8、IE9支持 */ color:red\0; /* IE8、IE9支持 */ color:red\9\0;/*IE9支持*/ }