我在前端开发中遇到的一些问题汇总

541 阅读1分钟

arguments妙用

在使用第三方组件时,组件默认传值是 event,但是我还想传其他参数,那 event 就没有了。这时候arguments 的用处来了。

例子:

// 将 arguments 作为参数传过去 这样在接受的时候 可以从中去找 event
<van-uploader  v-if="detailData.orderStatus == 20" :file-list="flaw.fileList"  multiple @after-read="afterRead(arguments,index,i)" @delete="deleteUpload(arguments,index,i)">

文件流下载

记得请求里面加 responseType: "blob"

ios 适配

时间格式

yyyy-MM-dd 这种格式在 ios 上用 new Date() 的时候会有问题,最好先判断下 是不是 yyyy-MM-dd格式再转换成 yyyy/MM/dd 格式

微信小程序底部固定定位按钮

有时候即便你设置了 margin-bottom 也无济于事,这时候可以尝试下 ::after 给一个高度或者用滑动组件

css 布局

postion

39c6b71d01bfbf6e0dda6bfe1901ebd.png

这块要怎么自适应呢,在群里问过大佬后,答案是 用postion:absolute:然后高度100%,然后再用 calc 语法加上 边距

粘性布局

  position: -webkit-sticky;
  position: sticky;
  top: 0;