摘要：
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。小菜水平有限，本文仅仅是入门教程，不当之处请谅解！本文以div元素布局为例。教程开始：首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div 阅读全文
摘要：
特别声明：此篇文章由Jekst根据Jonathan Snook的英文文章原名《Decoupling HTML From CSS》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css以及作者相关信息——作者：Jonathan Snook——译者：Jekst多年以来，web标准社区一直在讨论关注点——分离。把CSS样式规则从javascript代码和HTML结构里分离出来。我们确实是这么做的，不是 阅读全文
摘要：
用过jQuery的朋友都知道他强大的链式操作，方便，简洁，易于理解，如下$("has_children").click(function(){$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();}); 1.jQuery的链式操作是如何实现的？ 2.为什么要用链式操作？链式操作 原理相信百度一下一大把，实际上链式操作仅仅是通 阅读全文
摘要：
前段时间朋友说让给做一个js延时加载图片人功能，原来也的网上见过这些，但是没有具体的研究。今天学习了下，发出来和大家一直分享。至于延时加载的好处我在这里就不说了，好多朋友都说可以减少服务器短时间的请求数量。一、原理分析 1.可显示区域的的图片正常显示，不可显示的不去请求，2.当滚动滚动条时，计算可显示的图片，把图片的src的真实路径写入。二、代码这里我用的是jquery来做的，当然大家如果明白了原理，用什么做都可以做出很不错的效果。下面看代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & 阅读全文
摘要：
前言：最近一直在做性能优化和模块化改造的工作，并完成了一次前端重构。在这里总结出一些经验和得失来帮助大家思考。共两篇文章，第一篇讨论性能优化，第二篇讨论模块化框架。而之所以把这两个话题放到一起，是因为这两项工作都涉及到对前端代码进行不同程度的重构，而且模块化改造其实是我们在对性能优化做到一定程度之后发现必须要做的一件事情。本篇是性能优化的部分，下面我把我们的产品简称为N页面。应用场景分析：N页面作为一个入口页面，对页面加载速度有着极高的要求。同时，N页面内部却又有着非常复杂的功能与交互。N页面的第一版上线时，页面引用的js文件有3个，一共40-50k(压缩&Gzip之后)。页面onlo 阅读全文