H5呼起微信支付存在两种场景第一种：其他浏览器呼起微信支付。第二种：微信内部呼起微信支付。项目说明：我这边的项目要求的两种方式均要适用。产品要求是当支付失败时或者未支付情况是停留在支付订单页面，可再次发起订单请求（新订单），故我在这项目中，把支付成功页面和订单页面在同一页（根据订单状态去展示）。前期准备：公众号设置：内部呼起微信搭桥，需要配置一个网页授权域名，用于前端内部呼起微信生成对应的code给到后端。需要注意的是，填入域名即可，不用在域名前加【http://】,不然会提示【域名或路径格式不正确，请参考注意事项】。别问我怎么知道的，因为我删掉了我写的前面【http://】就配置通过了。后端

文章目录前言键盘呼起问题靠近底部的输入项被键盘遮挡底部按钮被顶上去全面屏适配图片大小显示问题解决300ms延迟首屏优化前言这篇文章总结了我在工作中做H5遇到的一些问题，包括我是怎么解决的。可能不是当下的最优解，但是能保证解决问题。单位适配问题可看：【H5移动端】前端H5移动端的单位适配方案集，包括给你用例子讲明白什么是1像素的问题（不定期补充~）本文章未来也会不定期的补充~键盘呼起问题靠近底部的输入项被键盘遮挡就比如说有几个输入项表单刚好在靠近底部的位置，当点击其中一项输入框时，呼出了键盘，然后这个键盘把输入项挡住了，以至于用户看不到输入的内容。这种情况一般是IOS和一些特定机型会出现的问题。