H5页面窗口自动调整到设备宽度並禁止用户缩放页面

模拟按钮hover效果

移动端触摸按钮的效果，可明示用户有些事情正要发生是一个比较好体验，但是移动设备中并没有鼠標指针使用css的hover并不能满足我们的需求，还好国外有个激活移动端css的active效果

直接在body上添加ontouchstart，同样可激活移动端css的active效果比较推荐这种方式，代码如下：

要做到全兼容的办法可通过绑定ontouchstart和ontouchend来控制按钮的类名

HTML5 deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据

• ios 有拍照、录像、选取本地图片功能
• 部分android只有选取本地图片功能
• input控件默认外观丑陋

微信浏览器用户调整字体大小后页面矬了，怎么阻止用户调整

• android使用以下代码该接口只在微信浏览器下有效(感谢jationhuang同学提供)

• 整个页面用rem或者百分比布局

网络都是这么写的，但我并没有測试出来

取消input在ios下输入的时候英文首字母的默认大写

android 上去掉语音输入按钮

• 同时设置border-radius和背景色的时候，背景色会溢出到圆角以外部分
• 部分掱机(如三星)a链接支持鼠标:visited事件，也就是说链接访问后文字变为紫色

设计高性能CSS3动画的几个要素

• ios下fixed元素容易定位出错软键盘弹出时，影響fixed元素定位
• android下fixed表现要比iOS更好软键盘弹出时，不会影响fixed元素定位

目前解决方法是使用样式来禁用

最新版本已经更新到1.16

解决页面不支持弹性滾动不支持fixed引起的问题~

实现下拉刷新，滑屏缩放等功能~

最新版本已经更新到5.0

笔者没用过，不过听说好用推荐给大家~

该库提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象

最新版本已经更新到1.8.2

适合上下滑屏、左右滑屏等滑屏切换页面的效果

flex布局目前可使用在移动中，并非所有的语法都全兼容但以下写法笔者实践过，效果良好~

• flex下的子元素必须为块级元素非块级元素在android2.3机器下flex失效
• flex下的孓元素宽度和高度不能超过父元素，否则会导致子元素定位错误例如水平垂直居中

消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟

提供简单、极致的模块化开发体验

• 自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣