授人以渔 - 轩枫阁 – 前端开发

文本框数据自动保存

在新浪微博的新鲜事微博输入框中输入文字，这时如果没发布但是已经离开页面，等再回到该页面时，微博发布框中的内容还是存在的。同样，QQ空间、百度贴吧等也是有此类功能，但实现的方法可能不太一样。如数据可以存在服务器上，但是总是在输入文字，那服务器压力不是很大？用cookie有大小限制不可轻易使用。所以本地存储是个不错的选择，这时候大家是不是顿时产生想法：HTML5本地存储~下面详细介绍下

本地存储解决方案很多，比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。查看全文

2013/08 28 周三

关于瀑布流及实现

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。

类似的应用瀑布流的网站有花瓣网、蘑菇街、美丽说等网站。查看全文

2013/08 19 周一

如何判定浏览器的类型（jQ和原生js）

在早期的jquery版本中，如1.4.2版本，我们很容易的就能判断浏览器的类型，好做兼容。但是后面的版本如1.8.0就不支持了，但是我们还要做判断，这可怎么办？接下来我们可以看下jquery关于这个的源码及使用方法。

var userAgent = navigator.userAgent.toLowerCase();

jQuery.browser = {

version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],

safari: /webkit/.test( userAgent ),

opera: /opera/.test( userAgent ),

msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),

mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )

};

以上是jq实现的源码，通过正则来匹配userAgent判断浏览器的种类和版本. 查看全文

2013/08 10 周六

今天需要些一个回复评论的页面，设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好，然后想起了新浪微博的做法：点击评论，默认显示一行，当输入的文字超过一行或者输入Enter时，输入框的高度会随着改变，直到输入完毕。顿时觉得这个细节做得挺不错的，可以效仿下。下面分享2种实现textarea高度自适应的做法，一种是用div来模拟textarea来实现的，用CSS控制样式，不用JS；另一种是利用JS控制的（因为存在浏览器兼容问题，所以写起来比较麻烦）；查看全文

2013/08 06 周二