meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 vi ...
分类：
移动开发 时间：
2019-08-09 10:31:11
阅读次数：
225
项目开发过程中遇到一个主页，实现功能： 页面区域划分： 效果如下图： 一：页面在滚动到导航时导航吸顶（sticky粘性布局） sticky使用需要注意：1.父元素不能设置overflow:auto/hidden/scroll； 2.必须指定top、left、right、bottom其中一个，否则只会 ...
分类：
其他好文 时间：
2019-08-08 14:56:58
阅读次数：
954
说起网站调试，pc页面和h5页面，假如电脑上能够重现的，都不在话下，调试起来都蛮简单。仅仅需要fiddler一个抓包工具，把线上压缩代码替换成本地无压缩代码就可以了。具体步骤我后面可以详细介绍。但是，仅仅是某款手机重现，其他手机没有问题的情况下如何调试？hybrid页面如何调试呢？这篇文章简单总结下 ...
分类：
移动开发 时间：
2019-08-03 17:39:17
阅读次数：
287
最近做的微信公众号点击链接跳转到H5页面，该H5页面使用mui做的，遇到的商品列表页出现一个横线的问题， 这个是修改前的图片 解决方法： <style type="text/css"> /* 去掉了图文表格中出现的一条横线 */ .before_hide:before { display: none ...
分类：
其他好文 时间：
2019-07-27 14:32:44
阅读次数：
144
解决方式： 给滚动的元素加样式：-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling（允许独立的滚动区域和触摸回弹） 如果值为auto，就是普通的滚动，手指离开就停止滚动，让人感觉有点卡顿 如果设置为touch，在手指离开后还会滚 ...
分类：
其他好文 时间：
2019-07-24 18:01:30
阅读次数：
739
背景： H5页面在微信上展示，不管是在弹窗上的或者页面在偏底部位置的input输入完成之后点击键盘的完成，页面底部留出一片空白的问题 出现原因分析 当键盘抬起时，window.scrollY会从0变到键盘的高度，所以解决办法就是当input失去焦点的时候，将window.scrollY重新设置为点击 ...
分类：
移动开发 时间：
2019-07-22 18:39:16
阅读次数：
456
用微信打开公司的一些h5页面，提示已停止访问该网页。经过一番搜索，发现是域名被微信屏蔽了。最终在网上找了一个微信域名检测接口，可以很方便的解决这个问题。微信域名检测接口来自http://baofeng.la
分类：
微信 时间：
2019-07-09 00:22:16
阅读次数：
180
前言 ：微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白 最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以只要在输入完毕后模拟一下这个“滚动”的操作，就能解决问题了。 如果是用vue写的： 因为这个 ...
分类：
微信 时间：
2019-07-05 17:55:01
阅读次数：
756
1、H5页面是运行在微信浏览器的 2、需要与公众号关联（即需要openid） 3、判断需求是否需要弹窗告知用户授权操作 4、获取到的openid做本地存储，判断没有openid进行获取openid操作 5、这边的操作是不需要弹出授权框，且code不能重复使用，所以做了关注二维码弹窗且不能关闭弹唱操作 ...
分类：
微信 时间：
2019-07-03 13:51:29
阅读次数：
228
