前言

昨天晚上，朋友分享了几个用ih5做的效果，感觉还不错！因此我用手机搜了了一下ih5的官网，发现首页就是一个还不错的效果，貌似是用重力感应来做的！感兴趣的同学可以手机搜索一下看一下这个效果！我今天稍微看了一下他们的代码，发现是用类似我之前分享的360看房这样的插件来做的！我之前的360全景看房地址：http://www.haorooms.com/post/html5_360qj 只不过他们开启了重力感应，这个效果确实不错！因此，展开脑动，看看能不能用一张全景图，配合重力感应来简单的模仿一下这个效果呢？

实现方法一：重力感应

关于重力感应 ，我之前的一篇文章也写过，不清楚的可以去补习一下：http://www.haorooms.com/post/html5_DeviceMotionEvent

今天就简单运用这个知识来写一下：

前言

今天来讲讲js中实现input中输入数字，控制每四位加一个空格的方法！这个主要是应用于我们在填写表单的时候，填写银行卡信息，要求我们输入的数字是四位一个空格！今天主要介绍两种方式来实现这个方法！但是都运用到了键盘码。下面我就列举一下键盘码，以备后面查阅！

键盘各按键对应的数字

keycode 8 = BackSpace      |     keycode 9 = Tab              |   keycode 12 = Clear  
keycode 13 = Enter            |      keycode 16 = Shift           |   keycode 17 = Control 
keycode 18 = Alt               |      keycode 19 = Pause         |  keycode 20 = CapsLock
keycode 27 = Escape        |      keycode 32 = Space         |   keycode 33 = Prior 

前言

我之前在手机网站注意问题，一文中，提及到Zepto。因为zepto体积小，在移动端开发应用还是蛮广泛的！有的公司手机端开发，jquery和zepto，都不用，直接用原生！我也写了一篇文章，关于jquery属性的相关js实现方法 。但是呢，大部分人写起原生来，还是比较费劲的。除非我们提前封装好！话又说回来了，封装好了和用jquery和zepto性能其实也差不了多少。因此，尽管zepto不是很完善，遭到很多人的吐槽，但是还是有一定的使用范围的。今天就和大家聊聊zepto!

Zepto在PC端的应用

zepto 说白了，相比jquery，最大的优点就是小！！，因为小，所以节省资源！很多移动端开发就是看中了这一点！假如你在PC端也想用，那么要做IE9及一下版本的兼容问题。

首先需要我们写一个加载器，针对浏览器做一些兼容，假如浏览器不支持Zepto那我们就加载jquery。大致代码如下：

前言

上一篇文件结尾，有同学问我本地存储图片方法，其实本地存储方式有很多，我们打开谷歌浏览器，查看源代码，在resources页签中，有web SQl ,indexedDB等等，我前面文章讲过Localstorage本地存储，我今天简单用Localstorage，简单的写一下存储图片的方法！

思路

我们知道Localstorage只能存储字符串，那么我们可以把图片转换为base64编码的字符串，不就可以存储了吗？

图片编码的数据一般以如下开头