qq_35536883的博客

最近在开发一个用react开发的微信H5页面。遇到了一个bug，就是当软键盘弹出再收起时，软键盘位置的点击事件失效。刚开始以为是onclick的锅，但是换成onTouchStart还是没有好。而且iphone7 Plus没问题，但是iphone7就可以复现这个bug。原因：在IOS下，点击页面中比较靠下的input时，软键盘弹出，页面会上移，document.body.scrollOffs...

h5的首页进度条有的会使用假的进度条，就是定时增加进度。实际上进度条的功能就是要在用户进入实际页面以前进行页面初始加载。由于h5的图片占比非常多，加载图片非常影响性能，所以我们在进度条的同时加载图片，并隐藏掉它们，这样在使用图片时直接去缓存中取就可以了。如下代码就是通过图片加载事件控制进度条百分比的hook代码useEffect(() => { // 获取id为imgs下的所有i...

新版微信在苹果iOS 端的h5页面如果有路由跳转，会出现底部白色导航条。会占用页面的高度，如何去解决这个问题呢。方案一页面跳转时重新定页面的高度，这样处理导航条仍然存在。方案二使用history.replace代替history.push。由于底部导航栏是因为出现history记录才出现的。使用replace就没有history记录，所以就可以完美隐藏导航栏了！...

隐藏掉ios端微信浏览器alert显示的==域名=代码如下： <script type="text/javascript"> //微信浏览器中，aler弹框不显示域名 (function(){ //判断是否为微信浏览器 var ua = window.navigator.userAgent.toLowerCase(); ...