- 博客(6)
- 收藏
- 关注
RSS订阅原创 ios使用vue的v-for渲染的list无法显示
最近做一个项目，使用 vue 搭建，一个简单的列表遍历渲染，一切正常，但是自己手机却出现了问题，列表只显示第一屏，滑动后都是空白。定位bug自己是 ios 13.5 系统，于是找了安卓和苹果都做了测试，发现安卓和 ios 12 并没有问题，ios 13 有同样的问题，于是锁定版本。bug描述使用 v-for 遍历后 list 只有部分可以显示，其余空白。连接电脑发现 dom 并没有消失，经过一系列排查最终锁定到 position: relative 定位属性上，去掉页面即正常系统及版本vue：2
2020-08-05 15:00:34
1359
1
原创 移动端系统字体或app字体放大后破板
iOSiOS上需要调整 webview 的字体大小时，是通过给 body 设置 -webkit-text-size-adjust 属性实现的所以可以简单粗暴强制100%-webkit-text-size-adjust:100%!important;但是不符合需求，既然这样，我们应该可以通过JS取到这个属性：var body = document.body;alert(body.getAttribute('style'));然后相应操作即可AndroidAndroid通过给 webvie
2020-07-09 10:25:00
275
原创 ios的fixed定位元素，在页面滚动后touch事件失效
最近在一个H5页面，有一个常规的小需求，播放器置顶然后显而易见的，fixed定位，解决然后我就发现了这个诡异的bug。。。当用户滚动页面后，原本绑定在fixed定位的元素上的 touchstart 事件会时常失效！注意，是时常，而且是滚动后这就让我百思不得其解，来分析分析这个bug首先我要检查我的代码，看是不是我的代码的错误...
2020-06-18 15:30:58
582
原创 gulp + webpack: webpack-stream 多项目整合环境搭建demo
最近越看项目越不顺眼，流程和打包实在太老了，用node8以上的版本无法识别gulp，打包后的代码也没有压缩，页面也没有source指引，html手动更换链接等等。。。so，下决心把这块儿升级一下1.空项目测试首先当然是要新建啦，原本的node版本也太低，这次一起升下载node.js因为用惯了之前的gulp流程化，加上项目的多入口多出口，这次决定还是继续gulp+webpack。查了一下现在已经不是gulp-webpack了，而是webpack-stream，废话不多说，直接贴配置文件结构├─p
2020-05-26 17:48:18
665
转载 Safari transform rotate 不兼容问题及解决
Safari transform rotate 不兼容问题及解决转自：https://lunashu.org/safari-transform-rotate-bu-jian-rong-wen-ti-ji-jie-jue/问题移动端写CSS3 时 发现在safari 上 一个元素使用了 transform:rotateY(19deg); 显示有问题。当然 不仅仅是 rotateY， 所有跟...
2019-06-17 09:43:12
3455
转载 md总结
序言:出处：博客园 https://www.cnblogs.com/liugang-vip/p/6337580.html参考文献：http://www.appinn.com/markdown/http://sspai.com/25137正文：1、标题的几种写法：第一种：前面带#号，后面带文字，分别表示h1-h6,上图可以看出，只到h6，而且h1下面会有一条横线，注意，#号后面有...
2019-03-05 16:12:25
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人