demo


本案为html5 本地储存的demo。

作 者:zythum_朱一。
Email:zythum02@gmail.com
blog:zyiangel.blogbus.com

你看看,html5已经离我们很近了。为什么我们不垫一脚去够一下呢?
本地储存什么的很早一起就想做做试试了,一直没有尝试过
其实做完以后感觉还是很不错的。api接口方面也挺简单。比较易于理解
下面推荐几篇大大的文章。
如果有各位有兴趣的话可以看看
HTML5本地存储初探
HTML5 Web SQL Database初探
虽然地址应该可能不是博文的原主人了



话说这个界面的UI是不是有些喧宾夺主哦呢。其实这个页面UI做做也是挺方便的么(其实做了整整一天。。。泪目)。
下面的仿apple itunes 的缩放条,缩放效果,js重写的滚动条。足够体现zythum的用心了吧。

再说一下。对于不知道htnl5本地储存的用户。
您在本案中添加的note,是储存在您的本地计算机的您现在使用的浏览器上的。
如果您跟换电脑,或者跟换浏览器访问本案是看不到您在本案中添加的note的
不要把本案当成日常产品。html5 本地储存技术是个新兴的技术,现在还不普及,有一定的bug
从而导致的数据都是本案并不负责。
本案只为尝鲜的,体验用户




感谢:
感谢朱一自己,写了这个站。

感谢taobao UED 的KISSY 开源类库。 对的这次用的是KISSY 类库。版本是1.1.6,使用的感觉是非常好。虽然没有jQuery的丰富。但是写的时候手感非常好。真的有传说中的愉悦的感觉。

感谢tiny editor 的开源在线编辑器。本想用KISSY editor的,但是一直没搞定KISSY editor的本地化。所以就,可能是朱一比较笨把

感谢庄严同学精神上的支持。

2010.12.12
drop!
NewNote
×
AboutNote
×

本案基于html5 本地储存技术的在线记事本。
请使用支撑html5 本地储存技术的浏览器浏览本站如:
google chrome , safari , opera等
关于opera浏览器。朱一做的时候发现opera只支持名值对的形式储存数据,所以本案暂不支持opera。
如您的浏览器有弹出不支持本地储存的字样,说明您可以换浏览器了!
我说的是气话,您别在意。。。

html5 本地储存技术是一个新兴的技术,本案只是作为试用和尝鲜,请不要把本站作为实际使用.

您在本案中添加的note,是储存在您的本地计算机的您现在使用的浏览器上的
如果您跟换电脑,或者跟换浏览器访问本案是看不到您在本案中添加的note的。

请不要把本案当成日常产品。html5 本地储存技术现在还不普及,有一定的bug, 从而导致的数据都是本案并不负责。


Design&Code by zythum_朱一
Blog:http://zyiangel.blogbus.com | Email:zythum02@gmail.com