前端开发踩坑记录

本文档记录了前端开发中遇到的一些坑,包括ios时间格式问题、禁用cookie导致的加载失败、移动端滚动失效的解决方案、vue动态表单监听、图片上传与显示、样式失效的排查、以及如何修改插件样式。提供了详细的解决办法,如延时处理滚动问题、使用this.$set动态添加表单监听、require加载图片等。
摘要由CSDN通过智能技术生成

本文章记录一些项目踩过坑,帮助他人解决问题

ios时间问题

ios使用时间转换需要将-换成/否则会出现时间解析不了,这个坑当时找了很久才解决

 new Date('2019-01-01 01:01') // 解析失败
 new Date('2019/01/01 01:01') // 解析成功
禁用浏览器cookie(navigator.cookieEnabled)

在某些iphone手机出现页面白屏无法加载的问题,最后找到问题是因为用户点击开启了阻止浏览器cookie

项目中加上判断如果navigator.cookieEnabled=false说明浏览器禁用了cookie,导致localStorage直接报错,document.cookie无法获取到值
解决:
在页面入口文件加入判断如果cookie被禁用,提示用户关闭禁用浏览器cookie配置

移动端滚动问题

window.scrollTo()在PC端没问题,但是在移动端就没效果。

  1. 使用setTimeout延时可以解决
  2. 计算dom的offsetTop,给需要滚动的dom赋值scrollTop等于offsetTop
vue动态表单监听不到问题

使用this.$set(object, key, value) 循环添加formitem可以实时监听属性变化。直接使用o

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值