前端问题
Sunny_cmm
莫怕登山难,自有路转弯。
展开
-
前端样式使用ad-导致谷歌浏览器显示不出
前言 h5页面使用ad-开头的class,导致谷歌浏览器一直显示不出而safari浏览器确显示正常 问题导致 经排查,是因为谷歌浏览器开启了广告拦截,导致ad-相关的class名称直接造成浏览器渲染为不显示 解决 替换所有带有ad-相关的class名称 ...原创 2021-07-21 10:56:04 · 293 阅读 · 0 评论 -
实现前端导入xlsx文件,js获取到导入内容
前言 项目需要涉及到批量导入数据,因导入的数据只在表单内部,还未涉及到存储到后端,所以需要实现一个纯前端的xlxs的导入功能。 由于我使用的是elementui框架,所以针对el-upload做一个记录。 实现: yarn addXLSX --save //先安装XLSX插件 <el-uploadclass="upload-btn"ref="upload"action=""accept=".xlsx" on-change="handleFileChange"/> &...原创 2021-02-23 14:45:38 · 689 阅读 · 0 评论 -
webview嵌套h5,ios弹出键盘后,页面位置有一截空白
前言 因h5要在app显示,所以用webview进行了嵌套,但是发现ios系统在文本框(text,或者textarea)获取焦点后,一旦弹出键盘,键盘收起后,界面就会产生一大截空白。 如图(箭头指向就是多出的空白,正常底图背景颜色是灰色): 原因 经排查和查阅相关资料后,发现当键盘弹出后,页面会被键盘的高度顶上去,这个操作改变了window.srollY这个属性的值(window.srollY:文档当前垂直滚动的像素数),键盘收起后,页面还停留在当前scrollY偏移的位...原创 2021-01-27 10:29:16 · 1562 阅读 · 0 评论