摘要：
需要实现的效果图:在制作页面的过程中,经常会遇到这样的 信息列表(还有前面带 类别),这里总结几种实现方式,权且记录,以作参考:1、信息不浮动，时间右浮动2、信息左浮动，时间右浮动3、时间右浮动，信息左浮动4、信息不浮动，时间绝对定位右具体代码如下：<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><title>带日期的信息列表自适应宽度</title><meta name="keyword 阅读全文
摘要：
这是一个陆续完善的文章，记录一些书写css制作页面过程中遇到的兼容性问题，以作记录，可待查阅参考。1、IE6浮动元素双倍边距出现条件：当浮动元素的浮动方向与边距方向一致时出现，比如：float: left;margin-left: 10px; 或者 float: right,margin-right: 10px;没什么好说的，这样设置浮动css类：.left {float: left;fisplay: inline;}.right {float: right;fisplay: inline;}2、复杂的浮动布局中，如果在两个浮动元素之间出现注释，有可能会触发IE6下最后一个文本重复的buga 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/appcache-facts/ 感谢原作者！Application cache 是 HTML5 中在规范完整性上比较糟糕的特性之一，规范上的不到位导致浏览器厂商在实现上也存在些许差异，而产生本文档的目的即让开发者们知晓那些潜规则，摆脱问题的困惑与束缚，正确的使用离线缓存真正让 Web 加速。Fact：设计 Appcache 的目的虽是能让 Web 应用能在离线的情况的运行而无需要求连接网络，但同时 Appcache 也可在网络在线的情况的使用，如此来减少页面需要加载的资源数量来提速页面，速度上将是一个数量级的提升。Fa 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/high-performance-front-end-high-performance-javascript/ 感谢原作者！使用事件代理有时候我们会感觉到页面反应迟钝，这是因为DOM树元素中附加了过多的事件句柄并且些事件句病被频繁地触发。这就是为什么说使用事件代理是一种好方法了。如果你在一个div中有10个按钮，你只需要在div上附加一次事件句柄就可以了，而不用去为每一个按钮增加一个句柄。事件冒泡时你可以捕捉到事件并判断出是哪个事件发出的。缓存选择器查询结果选择器查询是开销很大的方法。所以，使用选择器的次数应该越少越好 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/high-performance-css/ 感谢原作者！避免使用@import有两种方式加载样式文件，一种是link元素，另一种是CSS 2.1加入@import。而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用@import来导入其它的CSS，但浏览器不能并行下载样式，就会导致页面增添了额外的往返耗时。比如，第一个CSS文件first.css包含了以下内容：@import url(“second.css”)。那么浏览器就必须先把first.css下载、解析和执行后，才 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/high-performance-html/ 感谢原作者！避免使用IframeIframe也叫内联frame，可以把一个HTML文档嵌入到另一个文档中。使用iframe的好处是被嵌入的文档可以完全独立于其父文档，凭借此特点我们通常可以使浏览器模拟多线程，需要注意的是使用iframe并不会增加同域名下的并行下载数，浏览器对同域名的连接总是共享浏览器级别的连接池，即使是跨窗口或跨标签页，这在所有主流浏览器都是如此。也因为这样这让iframe带来的好处大打折扣。在页面加载过程中iframe元素会阻塞父文档onload事件的触 阅读全文
摘要：
转载地址：http://news.cnblogs.com/n/161629/ 感谢原作者！ 昨天看到神人 vgod 写了一篇 过早优化是万恶的根源，这篇文章是不错。但是，对于「职业」那边实在有太多奇怪的假设。 想了一下，决定还是在 FB 写了一下我的看法，然后再转贴到这里来。 === 简单回一下好了。关于职业的部分。我本来也是觉得就如同跟 @vgod 一样所说，在里面可以全新锻炼和学习各种知识和技能。 我在大学里面，就是抱着这样的心态，学习各种知识。我在大学里面最认真修的课，不是数学（唯一感兴趣的是线性代数、离散数学、代数），而是…. 去修资科系基础理论的课，什么操作系统、计算器结构... 阅读全文
摘要：
前日,需要实现这样一个导航效果:横向居中且带有分隔线.这个实现方式有很多种,我使用 inline-block 来实现.我先介绍一下什么是 inline-block.说到 inline-block 必然要说起 inline,与block,这些都是 css 布局属性 display 的取值(当然,display的值还有很多,这里就不一一列举了):inline： 指定对象为内联元素。 block： 指定对象为块元素。 inline-block： 指定对象为内联块元素。（CSS2） 我写了一个小例子：<!doctype html><html><head><me 阅读全文
摘要：
首先需要注意的一点是 图片预加载(Preload) 与 图片按需加载(lazyLoader) 是两码事，不可混为一谈。预加载是指通过 js 预先把以后要用到的图片加载到页面中来，减少页面等到图片载入的时间。比如google首页，用到的图片就是一个logo，但是我们使用ff查看页面信息，会发现载入了更多的图片，而这些图片是本页用不到的。google的首页，我们进来不会只是看首页，而是因为要用到它的搜索功能，所以google就预先把后面搜索列表所要用到的图片在首页都加载进来了，这是一种增强页面载入速度的好方法。按需加载(懒加载) 是指需要多少，载入多少。最常见的例子就是无线滚动加载，想看多少就“滚 阅读全文
摘要：
近日做一页面效果，需要用到鼠标滚轮事件，借助于强大的jquery，我找到一个 mousewheel 插件，git 地址：https://github.com/brandonaaron/jquery-mousewheel 百度云下载地址：http://pan.baidu.com/share/link?shareid=94343&uk=101018455mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的，那么滚轮就是向下滚动，正的就是向上。$DOM.bin 阅读全文