摘要： 雅虎团队经验：网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法，如可以简单地把所有的CSS文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的 阅读全文

摘要： 谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，有时我们需要字体小点.看下面：在html或者body里添加一句谷歌浏览器专有的属性。html,body{-webkit-text-size-adjust:none}注意：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！（就是按住CTRL键上下滚动鼠标中键的那功能） 阅读全文

摘要： 直接看代码吧white-space:normal;word-wrap:break-word;width:110px;overflow:hidden;OK，这样，火狐下面，IE下面就可以搞定，英文，数字换行的问题。如有问题，多多指教。 阅读全文

摘要： 今天herb同学在twitter上问到，如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题，不过，当时并没有解决，用JS有现成的方法，不过，这次要求的就是不用JS。然后，开始写代码，测试，最终，IE6下依然有问题。position:fixed;没有正常显示。正确的代码：预览/Demo|ie6_position_fixed_bug.txt(源代码)在别的文章中看到，可以用position:absolute;来解决IE6的问题，不过，添加position:absolute;之后，依然没有成功。当然，最终，还是用position:absolute;来解决。只是，不一定能成功。因为 阅读全文

摘要： 昨天在 twitter 上说，怎么忍心把页面写得这么难用？是的，这个世界还有一群人等着我们创建出来的东西，可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端，我们又怎么会忍心呢。之前就一直想写这样的一篇文章，分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 HTML Tag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML，让某些人的生活可以更容易。今天想分享的是如何去使用我们的 HTML Tag, 把 WCAG 的标准和语义网的目标进行代码上的体现：1. 文档声明：<!Doctype>其实这跟 WCAG 根本上连不上什么直接关系，但 阅读全文

摘要： 那天瓜哥讲了个问题，说说css HACK的一些看法，说说自己的想法，不对多指教。 由于各种浏览器对css的解析存在差异，使同一页面在各种浏览器下表现出来的效果也会不同。为了解决这个兼容性问题，css hack技术产生了。个人认为css hack技术其实是一种欺骗浏览器的技术，通过在选择器、属性等地方添加一些特别符号来使某些浏览器无法解析该选择器或属性，以达到区分不同的浏览器的目的。其实个人觉得css hack是不安全的，有风险的，现在的浏览器更新很快，版本也出现了好几个，谁也无法100%保证为这个版本浏览器所设置的css hack在下一个版本依然有效。比如在ie7还没出来之前，!import. 阅读全文

摘要： 下面是读书笔记，若有错误或不足，欢迎指出。一起交流，共同进步。第一章 正则表达式干啥用1.正则表达式用途：①搜索②替换。 定义：正则表达式是用正则表达式语言创建的。用于解决文本匹配替换问题。第二章 匹配单个字符1.纯文本正则表达式匹配原始文本内对应字符。2.正则表达式区分大小写。3.正则表达式中 . 字符可以匹配任何一个单个的字符。可匹配任何单个的字符、字母、数字甚至是 . 字符本身。（除换行符外）4.\是一个元字符（metacharacter，表示这个字符有特殊含义，而不是字符本身含义）。第三章 匹配一组字符1.元字符[和]，两个字符之间所有字符进行匹配。2.字符区间可以用元字符-（连字符） 阅读全文

摘要： 继前阵子写完对象真经后，这篇文章我尝试尽力的去讲透Js中的闭包。这里要感谢爱民，爱民的书写得很好，我从中获益良多。不过这次我打算换一种思路来写这篇真经，就是采用提问回答的方式，我下面先提出我要回答的问题，如果读者你都很自信的能够回答上，那么就可以考虑干别的事情去了。如果感觉自己有点把握不准就请给我一步步的寻址吧。:)我保证最后你就会豁然开朗，明白闭包的真谛。问题集：什么是函数实例？什么是函数引用？什么是闭包？闭包里有什么玩意？函数实例、函数引用和闭包有什么联系？闭包的产生的情形？闭包中的标识符的优先级是什么样的？闭包带来的可见性问题。什么是函数实例呢？其实在我们平常书写代码的过程中，写的函数就 阅读全文

摘要： CSS2.1是当前普遍使用着的CSS版本，平时如果循规蹈矩的编写CSS，或许不会发现问题，可问题就是：如果想要保存的时候，不小心按Ctrl+s的时候多留了一个s在CSS文件里，问题就开始来鸟；或者是不小心在规则的大括号外边多写了一个分号……出错的事情是千奇百怪的，对于新手来说频率可能会高些。出现这样的问题的时候、调试起来你可能会感觉很莫名其妙，这就需要了解一下CSS2.1版本的容错机制了。CSS2.1的容错方式总的来说就是：对于出现一些无效的属性、属性值、@-keywords等等，它就会忽视这些样式声明或者整个规则声明。对于无效的属性、属性名会忽视该样式声明，对于@-keywords中keyw 阅读全文

摘要： 图片的宽度和高度是未知的，没有固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中。最近的在做的项目就有这个需求，所以先把一些常用的方法都收集整理了一下。下图是理想中的效果图，外部容器的宽度和高度固定，中间的图片宽度和高度未知，但是图片要始终要相对于外部的容器垂直居中。但是实际在浏览器中实现起来的效果并不是很完美，由于各浏览器的解析都各不相同，所以在各浏览器都会有1px-3px的偏差。方法一：该方法是将外部容器的显示模式设置成display:table，img标签外部再嵌套一个span标签，并设置span的显示模式为display:table-cell，这样就可以很方便的使用 阅读全文