在写移动端H5页面的时候，最让人头疼的就是适配问题： 接下来是我给我的最佳的解决方案和一个小例子 第一步：适配js(rem.js) /** *这里我们提取了一个公式(rem表示基准值) *rem基准值 = document.documentElement.clientWidth * dpr / 10 ...
分类：
移动开发 时间：
2017-09-14 18:58:56
阅读次数：
208
背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选 ...
分类：
移动开发 时间：
2017-09-14 18:39:43
阅读次数：
233
前言原理源码使用方式补充CountUp.js 前言 会有这么一种情况，H5页面需要进行数字统计展示，以此来强调产品or工作的成果。如果只是静态显示一个数字，总是感觉生硬。对比如下： 是不是瞬间高大上了呢？ 这个效果我是在开源中国上找到的 https://www.oschina.net/code/sn... ...
分类：
其他好文 时间：
2017-09-05 21:55:39
阅读次数：
490
最近在测试一些h5页面，突然悟到一些测试点 需求点： 用户可以在页面领取礼物，领取的礼物在页面底部展示，用户点击礼物可调起分享弹窗，礼物超过一屏可左右滑动， bug的表现形式： 仅当礼物超过一屏时（一行），点击礼物无法调起分享弹窗（此问题仅在Android机上可复现，ios无法复现） 问题原因： 1 ...
分类：
其他好文 时间：
2017-09-05 12:36:02
阅读次数：
125
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> ...
分类：
移动开发 时间：
2017-09-05 01:48:26
阅读次数：
368
微信6.5.6更新后，微信H5页面分享出去没有图片。之前微信会默忍抓取页面第一张大于等于300*300的图片，更新微信版本后，分享出去图片没有抓取到。这是微信为了规范自定义分享链接功能在网页上的使用，修改了分享规则，6.5.6版本之后，分享功能必须引入微信SDK。对于未接入微信JSSDK或已接入但J ...
分类：
微信 时间：
2017-09-02 17:58:36
阅读次数：
284
$('#t').on("focus",function(){ document.activeElement.blur();//屏蔽默认键盘弹出； }); ...
分类：
其他好文 时间：
2017-08-31 14:39:02
阅读次数：
201
安卓手机的情况下，可以用chrome浏览器来调试。 打开地址： chrome://inspect/#devices 手机用USB数据线连接电脑，并启动USB调试模式。 只要在APP中打开H5页面，界面就会显示该页面地址 点击inspect进入调试模式 之后就可以像调试浏览器页面一样调试了。 这个方法 ...
分类：
移动开发 时间：
2017-08-27 22:28:50
阅读次数：
549
用MAKA、易企秀、兔展就够了，MAKA和兔展用户体验好些，易企秀广告有点丑，不过模板多一些。 至于交互类工具，iH5、Mugeda、Epub360这三个里面选一个就行。 http://xiu.xiniu.comhttp://www.rabbitpre.comhttp://maka.im 为啥放这3 ...
分类：
移动开发 时间：
2017-08-26 11:32:14
阅读次数：
228
最近在做微信公众号的开发，h5页面！其中调用了很多微信的自带功能，包括支付，上传图片，扫码，分享等，今天我就来谈谈我在分享上遇到的坑，我看网上有些同胞们也在问相关的问题，鄙视不才，不知道他们问题是不是和我一样，但是我想分享下我遇到的这个坑~~希望可以帮助到有用的人~~ 遇到的问题：页面分享给好友或朋 ...
分类：
微信 时间：
2017-08-25 14:03:16
阅读次数：
330
