JS相关问题

1.使用Drag and dropg API时，如果target element有child element的话，拖拽到child element上target element的enterleave事件会被触发。

解决办法：

drag到target element的时候，target element添加class: drag

.drag * {
 pointer-events: none;
}

禁止其child element 的所有cursor event。存在的一个小问题是：如果child element有其他自定义的cursor event，也会被禁止掉。

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

 

2. ajax下载文件,以使用axios为例

axios({
        url:
          '/fileserver/1' 
            method: 'GET',
      }).then(response => {
        const url = window.URL.createObjectURL(new Blob([response.data]))
        const link = document.createElement('a')
        link.href = url
        link.setAttribute('download', 'file.pdf')
        document.body.appendChild(link)
        link.click()
      })