移动端开发遇到的bug记录

1.页面快速滚动,checkbox会消失

列表存在checkbox,在点击‘回到顶部’,由于页面快速滚动,checkbox会消失,触摸一下页面或者点击页面的其他功能,使页面发生渲染变化,checkbox才会出现
(之前猜想:checkbox使用了定位,当页面快速滚动,一直在计算定位造成性能问题,所以改变样式,不使用定位,但还是出现一样的问题)

最后的解决办法:

点击‘回到顶部’时,先将checkbox隐藏,display:none, 再显示,通过隐藏显示造成页面变化,这样快速滚动时checkbox也不会突然消失
在这里插入图片描述

2.页面上下滚动,表单项部分内容会消失

当填写好表单后,上下滚动页面,或者当输入框在输入、手机软键盘弹起时,滚动页面,会出现页面某些内容会消失
原因猜想1:可能是因为页面上定位元素太多了,滚动时性能有影响;将页面上一些不必要的定位去掉后,键盘没有弹起时滚动页面情况倒是出现得没这么频繁,键盘有弹起时滚动还是有点频繁
原图猜想2:键盘引起的
解决方法:在滚动页面时,不让键盘弹起(移动端input输入框获取焦点时,键盘会自动弹起,所以要隐藏键盘,只需要使input失去焦点即可)

// 页面滚动时,退出软键盘
window.ontouchmove = function(){
      $('.weui-input').blur()
      ('.weui-textarea').blur()
}		

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发后台管理系统时,常见的 bug 有以下几种: 1. 数据显示错误:后台管理系统通常需要展示大量数据,可能会出现数据显示不正确的问题,比如数据缺失、数据重复、数据格式错误等。你可以检查数据源和数据处理逻辑,确保数据正确性。 2. 权限问题:后台管理系统一般会涉及到权限管理,不同用户可能有不同的权限。如果用户无法执行某些操作或者能够访问未授权的页面,可能是权限配置有问题。可以检查权限控制代码和数据库中的权限设置。 3. 表单验证问题:后台管理系统中常常包含表单提交操作,如果没有进行合适的表单验证,可能会导致数据错误或者安全问题。确保表单验证逻辑完善,并对用户输入进行合理的检查和过滤。 4. 数据库操作错误:后台管理系统通常需要对数据库进行增删改查操作,如果数据库操作有误,可能会导致数据错误或者无法正常操作。检查数据库操作的语句和逻辑,确保正确性和安全性。 5. 性能问题:后台管理系统可能面对大量的数据和并发请求,如果性能不佳,可能会导致页面加载缓慢或者响应延迟。使用性能分析工具,优化数据库查询、接口调用和前端渲染等环节。 当遇到后台管理系统的 bug 时,可以尝试以下解决方法: 1. 仔细检查代码,特别是涉及数据处理、权限控制和表单验证的部分。 2. 使用调试工具和日志记录,查看代码执行过程中的变量和错误信息。 3. 检查数据库操作,确保正确性和安全性。 4. 分析性能问题,优化关键路径和瓶颈点。 5. 如果遇到复杂问题,可以逐步缩小范围,创建最小可复现示例,以便更好地定位问题所在。 6. 寻求同事或开发者社区的帮助,分享问题并提供相关代码和错误信息。 希望这些信息对你有所帮助!如果你有更具体的问题或者需要进一步的帮助,请告诉我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值