当前位置: 首页 > 网络应用技术

微信公共帐户H5页面端开发和垫脚坑

时间:2023-03-06 11:39:25 网络应用技术

  最近开发了一个微信公共帐户项目,该项目记录了记录中遇到的一些移动兼容性问题和错误。

  1. iPhone手机接收验证代码,单击验证代码,它将自动填写两个原因分析:iOS系统错误。在键盘上单击验证代码时,将触发uitextfieextextextdidchandidchangenotion侦听事件,并将接收两个相同的回调。

  解决方案:根据验证代码的长度限制输入框的长度

  2.不同页面之间的数据问题描述:首先从页面中单击以选择信息框,跳到B页,选择当前页面上的相应信息,单击确定以返回页面A;信息。从A页面消失,在页面上显示了存储B页面上选择的信息。对Android手机的影响可以实现效果,但是iPhone用于选择信息并返回到页面A。没有信息。展示。

  原因分析:

  1. TheB页面上的确定按钮使用该方法返回上一页并刷新它。iPhone不会重新加载页面,因为iOS系统将直接调用缓存

  2. SessesseStorage存储是一个会话存储。一旦关闭了浏览器窗口或选项卡,还将清除通过SessionStorage存储的数据。一些移动浏览器开关页面,该页面将关闭原始页面(相当于打开新页面),因此数据已清除,并且数据无法完成。可以在页面A上获得。

  解决方案:

  在第一种情况下解决方案:使用页面事件(浏览网络时触发时触发,包括向后/向前按钮操作)监视页面从缓存中读取,请重新加载页面以获取true

  第二个案例解决方案:使用存储数据,使用后手动清除数据

  3.使用swiper实现旋转图的效果。图片滑动的数量异常,几次刷新页面,然后返回正常。分析:REM用于实现移动端页适应,但是当执行刀片调用时,控制REM的JS尚未加载REM然而

  解决方案:加载DOM后,执行Swiper调用

  原始:https://juejin.cn/post/7101886977770099720