摘要: 最近突然来了兴趣，把很久前写的Ajax请求状态管理器重构了下，随后写了篇介绍小文与大家分享了。然后，又把我的博客改版了下，有时候发现之前喜欢的样式，慢慢会看厌了，就花了时间改观改观吧。今天我想介绍一个大家在平日里会经常遇到的一个问题--图片在容器中的居中。图片在容器中水平及垂直居中其实很简单，甚至可以只通过CSS就能搞定。例如用display: table;，然后在图片外加个容器，定义display: table-cell; vertical-align: middle; text-align: center;，如果再需要限制图片的大小以防超出到容器之外，只要定义上max-width和max-阅读全文

摘要: 现在的网站，在一个网页中有异步请求甚至许多个异步请求已经不足为奇。Ajax已经成为了现在网站必须的基本功能，使网页应用更接近于桌面应用。 然而，无论有多么接近，通过客户端与服务端的一来一回，必定会有等待加载数据的时间。所以，大多数网站都通过一个Gif动态图标或‘Loading...’等字样来告知用户数据还在加载中。但有时候这个问题会非常繁琐和麻烦，要么将这个‘Loading’显示在ajax请求之前，然后在ajax成功后隐藏它，或者将它写在jquery的ajax的全局事件jQuery.ajaxStart()和jQuery.ajaxStop()中来控制整个页面的ajax状态。前者方法...阅读全文

摘要: 键盘字符英文`backquote~tilde!exclam@at#numbersign$dollar%percent^caret&ampersand*asterisk(parenleft)parenright-minus_underscore=equal+plus[bracketleft{braceleft]bracketright}braceright;semicolon:colon'quote"doublequote\backslash|bar,comma<less.period>greater/slash?questionspace阅读全文

摘要: 前端开发人员经常会用到“!important”声明样式属性，来提升指定样式规则的应用优先权。很多人也喜欢使用这一特性来区分浏览器之间的兼容性差异，特别是IE6。然而，很少人知道IE6其实是支持这一特性的，只不过用法不同。先看下面的示例：div { background: #000 !important; background: #f00;}以上代码的结果是IE6下为红色，其他浏览器为黑色。这也是原先认为IE6不支持“!important”的原因，久而久之，大家都使用hank来处理这一问题。但是，如果改成这样定义样式：div { background: #000 !important;}div 阅读全文

摘要: 我们经常会对a链接的display设置为block，以便整个标签可以点击。但是，如果对该标签设置为position:absolute后，会发现在ie6、ie7下有时点击无效，ie8下有效（ie8标准），使用zoom:1方式也无法解决问题。解决方案使用position:relative而不是position:absolute；添加背景色；添加透明的背景图片，gif或png，但会增加无意义的http请求；使用background:url(about:blank)，*最佳方案。阅读全文

摘要: 强制不换行p { white-space:nowrap; }自动换行p { word-wrap:break-word; word-break:normal; }强制英文单词断行p { word-break:break-all; }*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。span { display:block; }阅读全文

摘要: 前言 懒加载技术(简称lazyload)并不是新技术，它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影，例如谷歌的图片搜索页，迅雷首页，淘宝网，QQ空间等。因此掌握lazyload技术是个不错的选择，可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。lazyload在什么场合中应用比较合适? 涉及到图片，falsh资源，iframe，网页编辑器(类似FCK)等占用较大带宽，且这些模块暂且不在浏览器可视区内，因此可以使用lazylo阅读全文

摘要: 避免不必要的复杂性支持已有的内容解决现实的问题求真务实平稳退化最终用户优先阅读全文

摘要: 下面的jQuery plugin列表是我在项目中使用率较高，而且也比较稳定的，他们的扩展性都比较好，文档比较齐全。Photos, Images, GalleriesjCarousel LiteCycleLightboxRoundaboutZoomFormAjax UploadCookieForm ValidationMasked InputPassword StrengthDialog, ConfirmBlock UIOther Tool Tip Easing阅读全文

摘要: CSS中使用font-family属性引用中文字体时，经常采用三种方式定义字体： 直接写中文 英文别名 Unicode码直接使用中文名称时，在不支持中文的系统或编码的页面就有可能会无法正常显示。如果使用Unicode码的话又不方便记忆。下面整理了常用的中文字体的英文别名，便于大家查找和使用：Windows 中文名 英文名 宋体* SimSun 黑体* SimHei 微软雅黑* Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 Kai阅读全文