经验与问题

excel 导出本地无法打开问题

文件格式出现问题，导致文件无法打开。

解决方案

请求参数中需要添加：

responseType: 'blob'

图片 403

在 HTML 代码的 head 中添加一句:

<meta name="referrer" content="no-referrer" />

canvas 图片跨域问题

• 解决 canvas 图片 getImageData,toDataURL 跨域问题open in new window

js-cookie

文档地址open in new window

需要设置expires，如果省略，cookie 将成为会话 cookie。

按钮点击添加音效问题

问题： 点击按钮播放音效，在手机上，首次点击播放有效，再次点击播放无效。

解决方案： 监听每次音频播放，播放完成之后，执行对音频执行load()

const btnAudio = new Audio(
  'https://hzxdf-hr.oss-cn-hangzhou.aliyuncs.com/nb_bonus/2022-05-18/0b27ab3bd68142e593ab4aee0f60b990.mp3'
)
btnAudio.onended = () => {
  // 处理手机无法重复播放的问题，每次播完都重新设置
  btnAudio.load()
}
btnAudio.play()