摘要： HTML5发展到现在，虽说没有大规模的普及，但在我们日常生活中，也很容易见到了，HTML5的游戏、网站、应用也是层出不穷。而作为前端人员，也应该多了解这些API为以后应用打基础，下面我将给大家介绍 HTML5 新引入的API，并附上各个 API 的浏览器检测方法，我主要参考了最近看的《html5揭秘》和《html5高级程序设计》。首先，我们先介绍下Modernizr， 它是一个用来检测浏览器对 HTML5 和 CSS3 特性支持情况的开源 Javascript 类库，现在最新的是 2.5.3 版（下载），使用方法很简单，在页面里引入 JS 后，它会自动运行，并创建一个 Modernizr 全局 阅读全文

摘要： 博客建好也快一个月了，主题是在原有主题的基础上做的修改，喜欢这样的清新简约风格，为了更好的体验，以后也会经常做修改。一般博客的文章都比较长，看到下面不能快速返回到顶部还真是不方便，今天自己动手写了一个，是基于 jQuery 的，用起来还不错。常见的“返回顶部”分这么3种：把返回顶部按钮放在页面最底部的，返回顶部按钮在滚动距离大于一定的距离后显示出来的，还有就是滚动距离大于 0 的时候就显示出来，喜欢最后这种，嗯，就它了~ 做好了贴出来共享下：）HTML：用两个 span 标签去模拟一个向上的箭头。 返回顶部CSS：用 css 去模拟三角形很给力，不仅兼容性很好，而且可用的地方还非常多... 阅读全文

摘要： 图片延迟加载也称懒加载，常用于页面很长，图片很多的页面，以电子商务网站居多，比如大家常上的京东，淘宝，页面以图居多，整个页面少说几百K，多则上兆，如果想一次性加载完成，不仅用户要哭了，服务器也得哭了。为了避免这种请况发生，目前主流的做法是页面初次加载时，只显示当前可视区域的图片，当用户滚动页面的时候，当图片进入可视区域时再加载，这样可以明显的提高页面加载速度，而更少的图片并发请求数，也可以大大的减轻服务器的压力，可谓一举多得。图片延迟加载的原理比较简单，先把图片的真实地址写在自定义的一个属性上，比如 data-url（HTML5中以 data- 开头的自定义属性都是合法的），src 地址最好不 阅读全文

摘要： 发表于2013/11/07当在数据量不是很大，而且没有后端对应的功能接口的时候，一些简单的搜索功能基本上是前端去实现的，正好最近用到，写了一个，贴出来和大家分享：功能描述：按下键盘后及时搜索条目中的汉字，汉字对应的拼音和号码；实现思路：先将条目中的汉字转换成拼音，然后将汉字，拼音，数字拼接成规律的字符串，放入数组，然后每次按下键盘后判断 input 中的值是汉字，拼音，还是数字，然后按固定的规律去循环数组，这样就能找到对应的条目了；启用方式：// search-test-inner ---> 最外层div// search-value ---> input 输入框// search 阅读全文

摘要： 歌曲播放我们会发现他的兼容性不是很好，譬如IE上能播放的flash播放器，再firfox或者chrome上就不是很好的应用了，因为有插件的阻碍!HTML5的出现让这一切成为了可能，但是播放器虽然播放了，我们还要关注一下用户的体验度，所以，我们就写了一个HTML兼容的播放器！向下兼容IE6-9、chrome、firfox、opera等主流播放器，应该是全兼容！实现原理代码给大家奉上！001002003004005歌词同步播放器-powered by widuu xiaowei006007008009010011012013019070071072073[ar:测试用 ]074[00:03.00] 阅读全文