随笔分类 -  h5

[转]html5 video在安卓大部分浏览器包括微信最顶层的问题
摘要：能否解决video标签置顶的问题？答案是：不行的。 具体可查看官方解释：http://x5.tencent.com/guide?id=2009 // 20160426 // 做过移动端video的人应该都知道这个bug吧，然后呢，发现一个网站，居然能躲过这个bug，链接为：http://hyrz.q 阅读全文
posted @ 2016-04-26 14:41 simonbaker 阅读(7862) 评论(2) 推荐(0)
[转]移动H5前端性能优化指南
摘要：移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机 阅读全文
posted @ 2016-04-20 14:03 simonbaker 阅读(188) 评论(0) 推荐(0)
H5移动端下html上传图片被旋转问题
摘要：iOS下，html方式使用<input type="file">上传图片，图片会被旋转。遇到这个问题js是无法解决的，html也没有相应的解决方案。只能放到后台去处理，将旋转的图片再旋转回来。iOS拍摄的图片提供了EXIF信息，Orientation值为6即顺时针90度，有了这个信息我们只需要逆时针 阅读全文
posted @ 2016-03-15 14:15 simonbaker 阅读(13196) 评论(1) 推荐(0)
[转]如何处理iOS中照片的方向
摘要：使用过iPhone或者iPad的朋友在拍照时不知是否遇到过这样的问题，将设备中的照片导出到Windows上时，经常发现导出的照片方向会有问题，要么横着，要么颠倒着，需要旋转才适合观看。而如果直接在这些设备上浏览时，照片会始终显示正确的方向，在Mac上也能正确显示。最近在iOS的开发中也遇到了同样的问 阅读全文
posted @ 2016-03-15 14:14 simonbaker 阅读(2276) 评论(0) 推荐(0)
[转]移动端上传图片翻转的解决方案
摘要：最近在处理移动端选择图片实时预览并上传时遇到一个问题：上传前图片预览正常，但上传到服务器上的图片展示到页面上时，有时会出现图片翻转的问题，一般是翻转 90 度。后经一翻研究找到了问题所在，特在此记录一下。 接上面提到的问题，经过一些测试，发现：如果选取的图片是在横屏状态下拍摄的，则上传后不会出现图片 阅读全文
posted @ 2016-03-15 14:12 simonbaker 阅读(4439) 评论(0) 推荐(0)
phoneGap入门教程
摘要：地址： http://mobile.51cto.com/hot-273792.htm 阅读全文
posted @ 2016-03-12 14:16 simonbaker 阅读(189) 评论(0) 推荐(0)
[转]移动端HTML5<video>视频播放优化实践
摘要：遇到的挑战 移动端HTML5使用原生<video>标签播放视频，要做到两个基本原则，速度快和体验佳，先来分析一下这两个问题。 下载速度 以一个8s短视频为例，wifi环境下提供的高清视频达到1000kbps，文件大小大约1MB；非wifi环境下提供的低码率视频是500kbps左右，文件大小大约500 阅读全文
posted @ 2016-03-11 11:43 simonbaker 阅读(493) 评论(0) 推荐(0)
[转]使用Flexible实现手淘H5页面的终端适配
摘要：曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？ 那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实 阅读全文
posted @ 2016-03-02 14:22 simonbaker 阅读(612) 评论(0) 推荐(0)
H5 限制input只能输入数字
摘要：<input type="tel" /> 参考： http://blog.csdn.net/kongjiea/article/details/40185951 阅读全文
posted @ 2015-09-12 15:29 simonbaker 阅读(14062) 评论(0) 推荐(0)