摘要：
前几天自己着重读了jQuery1.11.1的源码，又结合了之前对DE事件模型的分析，最后也实现一个简陋的事件模型。jQuery的事件系统离不开jQuery的缓存系统。jQuery的第一代缓存是直接将数据存储在 缓存体 这个数据结构中，但是需要在元素上添加一个uuid来作为标示，标记在缓存体中的位置。... 阅读全文
摘要：
jQuery早期的事件系统，主要借鉴自Dean-Edward的事件模型。虽说早期的该事件模型也有些许bug，诸如： 1，绑定的事件及其处理程序等数据并未存储到缓存中，而是直接存储在dom元素上，这样不仅污染了dom元素，而且还有可能造成隐患，比如在早期的ie下 拷贝元素，顺带着连这些数据都拷贝了... 阅读全文
摘要：
为了seo优化，导航栏最好标签语义化。最符合语义的莫过于ul，li。在采用多级标签时，可采用控制二级标签ul位置的方式来进行显隐。效果如下：http://jsfiddle.net/tcyangli/mb5yL4uk/具体的html代码： .dropdown,ul{margin: 0;p... 阅读全文
摘要：
要想实现弹窗的效果，首先应该创建一个覆盖层maskLayer，以及一个显示层presentLayer。其次，每次弹窗时（除首次弹窗外），maskLayer的显示以及隐藏不应该导致文档流的reflow，但是repaint不可避免。所以对于maskLayer，用以display:absolute;最为关... 阅读全文
摘要：
讲解1，单行文本的居中： 单行文本框居中 .center{width:300px;height:300px;line-height:300px;}2, 多行文本的居中： 1） 多行文本框居中。。。。。。。 .c1{width:300px;height:300px; disp... 阅读全文
摘要：
ajax跨域请求，目前已用几种方法实现：1）用原生js的xhr对象实现。 var url="http://freegeoip.net/json/"; //创建xhr对象 function createCORSXhr(url,method){ var xhr=new XMLHttpRequ... 阅读全文
摘要：
大部分浏览器对元素几何改变时候的重排做了优化。据说是这样子，一定时间内本应多次重排的改变，浏览器会hold住，仅一次重排。其中如果使用分离的一步处理过程，例如计时器，依然多次重排。例如，当我们应用transition动画的时候，希望从0px变化到100px. 你如果如下代码：dom.style.le... 阅读全文
摘要：
//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并没有在演讲中提到或是以文章形式发布。第一次让我开始思考关于回流(reflows)与重绘(repaints)的问题是在和ParisWeb上的Mr. Glazman做一个firey交... 阅读全文
摘要：
margin值与可视化盒模型的宽（高）度之间的关系 阅读全文
