摘要：
另外一点，在一些浏览器中仅指定图片的宽度，可能会导致浏览器重新处理布局，调整页面的时间周期会增加两到三倍，虽然周期不到一毫秒，但是累积起来，尤其是页面上有很多个这样的元素的时候，还是或多或少会影响页面的性能。为了解决这个问题，可以显式的指定图片的height值为auto：img { max-w... 阅读全文
摘要：
解决IE6下浮动层固定定位的经典方法前段时间看到百度的一道面试题，说什么透明层无论滚动与否都满屏显示，其实就是对html和body标签做一番手脚，两者高度100%显示，同时溢出隐藏（overflow:hidden），然后用一个div高度100%系显示，溢出滚动。而这个透明层就使用绝对定位且与这个di... 阅读全文
摘要：
发生折叠需要是相邻的非浮动元素；折叠发生在垂直外边距上，即margin-top/margin-bottom；折叠后取其中最大的那个margin值作为最终值；浮动元素不折叠。在水平书写模式下，发生margin折叠的是垂直方向，即margin-top/margin-bottom，在垂直书写模式下，mar... 阅读全文
摘要：
先来没有任何对齐时的样子：1、一种是在父级没有高度的情况下居中。给每个独立的元素都加上vertical-align:middle;针对文字可以不加，加与不加都可以居中对齐。但是无法做到绝对的居中对齐。可以忽略此处了。2、在父级有高度的情况下居中。 在高级浏览器中默认给父级来个line-height=父级已知高度，即可。 在ie6无效。 在ie6中： 现象一：（有文字混排的情况下） 解决办法：给每个元素都变成BFC，让其居中对齐即可。这里包括文字。 例：vertical-align: middle; display: inline; zoom:1; 现象二：（没有文字混排的情况下）在ie6用现. 阅读全文
摘要：
此方法用来将用户输入内容中的尖括号、引号等进行转义function html_encode(str) { var s = ""; if (str.length == 0) return ""; s = str.replace(/&/g, ">"); s = s.replace(//g, ">"); s = s.replace(/ /g, ""); s = s.replace(/\'/g, "'"); s = s.re 阅读全文
摘要：
SyntaxHighlighter下载文件里面支持皮肤匹配。地址：http://alexgorbatchev.com/SyntaxHighlighter/ 阅读全文
摘要：
效果图：简单代码：http://www.developerdrive.com/2013/08/introducing-css3-multiple-backgrounds/演示地址：http://developerdrive.developerdrive.netdna-cdn.com/wp-content/uploads/2013/08/header1.html 阅读全文
摘要：
CSS3UILib库是由腾讯AlloyTeam前端开发团队建立，主要收集国内外友好体验和创意的界面组件Demo。它除了使用CSS3技术外，还使用了HTML5，JS，JX，jQuery等技术，来达到完美的外观表现以及交互体验。http://css3lib.alloyteam.com/#button/CSS3ButtonSwitches一个动画库http://daneden.me/animate/ 阅读全文
摘要：
/^([\w-.!#$%&‘*+-/=?^_`{|}~]+)@((?:\w+\.)+)(?:[a-zA-Z]{2,4})$/.test("hjgeh|`!^%$!!@123.comh");书中笔记，这个很有意思哟。/^([\w-.!#$%&‘*+-/=?^_`{|}~]+)@((?:\w+\.)+)(?:[a-zA-Z]{2,4})$/.test("hjgeh|`!^%$!!@123fdf.comf123.cnfg");这样也满足了.com.cn之类的需求了。这里是{2，4}满足了四位的需求。比之前看的这个地址：http://see.xi 阅读全文
摘要：
官网地址和详细解释：http://www.sublimetext.com/异次元的一些更详细的个人体验细节：http://www.iplaysoft.com/sublimetext.html 阅读全文