移动前端webApp开发点滴积累20140629

#移动前端webApp开发点滴积累20140629


##关于input行内居中的问题
给input设定一个比较高的高度，在某些版本的移动设备上，文字不能垂直居中，即便设定了相同的行高也不行。（见图）

![input行内居中](https://images0.cnblogs.com/i/84053/201406/292134125542918.jpg)

在这种状况下，我通常不改变input自己的高度，而是在input外围包裹一层，再在外围层作效果。

`20140701新增`发现只须要加上 `line-height:normal` 就能够了！，看来是有时候设备默认行高并非normal

[demoURL](http://gh.p2227.com/m/input/)


##不要把内容fixed到屏幕的底部
以前在作的webapp中都会把一些功能按钮fixed到屏幕的底部，原意是方便操做，后来发现这并不起太大做用。并且弹出虚拟键盘的时候还会对其进行干扰（虽然UC浏览器中不会有这个问题）

![弹出虚拟键盘与fixed冲突](https://images0.cnblogs.com/i/84053/201406/292202040543704.jpg)

因此如今功能区域也放在文本流中好了，不用fixed布局。


[demoURL](http://gh.p2227.com/m/fixed-keyboard/less.html) [demoURL2](http://gh.p2227.com/m/fixed-keyboard/tooMany.html)

##调试时如何清空缓存
以个人小米3为例吧，在设置->应用中会找到相关的应用（通常是浏览器，也有多是内嵌webView的应用），点击进去会列举出一系列相关的应用数据和缓存，根据状况清空便可。