问题集合

可以在上层元素上设置pointer-events: none; ,这时候上层元素中的事件不会被触发，同时下层元素的事件会被触发。 如果想让上层元素的某些子元素也可以正常触发点击事件，那么可以给这些子元

主要是借助navigator.mediaDevices.getUserMedia方法来呼气摄像头获取视频流 获取到视频流之后，点击按钮去对视频截图，上传视频到后端，对视频截图可以使用canvas来实

mouseout: 只要鼠标指针移出事件所绑定的元素或其子元素，都会触发该事件 mouseleave: 只有鼠标指针移出事件所绑定的元素时，才会触发该事件 在绑定事件元素没有子元素的时候两个方法没有任

```javascript // file to base64 function fileToBase64(file) { return new Promise((resolve, reject) =

禁止页面在mac触摸板上双指下滑的时候出现橡皮筋的效果。主要是通过css的方式来对其解决的。通过给html设置固定高度以及让其超出hidden就可以了

解决： 在Vue3中提供了<teleport>组件可解决 官方链接：https://cn.vuejs.org/guide/built-ins/teleport.html#teleport

只有这样配置才能生效。 直接import导入到main.ts中无效只有这样配置才能生效。 直接import导入到main.ts中无效只有这样配置才能生效。 直接import导入到main.ts中无效只

问题 使用html2canvas进行截图操作，元素中包含有<img/>数据，由于图片地址和项目地址不在同一域名下使得图片无法正常被截图渲染出来 解决方法 给图片数据设置?time=' + new Da

最近在IOS移动端出现当滚动条滚动到最底部之后，稍微停个几秒之后滚动条自动消失 无法滚动（小幅度的无法滚动大幅度可以滚动）。 解决办法：额外使用div来做滚动条使得滚动条可以一直出现 在网络上提供了几

解决高度塌陷问题 [](https://code.juejin.cn/pen/7389091762444173338)

地址链接https://stackoverflow.com/questions/17861447/html5-canvas-drawimage-how-to-apply-antialiasing

这个问题本质上并没有找到合适的方法来解决，于是更换了新的思路，直接获取到父元素的宽度，强制去更改抽屉的宽度。 使用ResizeObserver来说实现监听元素的宽高的变换，window.onresiz

问题 想要实现只有点击某个区域让菜单列表显示，点击页面其他部分让菜单关闭的功能 或则是想要实现将鼠标焦点到输入框及点击如下图部分的上下按钮的时候高亮查询框边框颜色，但是在点击页面的其他部分的时候不再高

需要再host文件中将127.0.0.1指向localhost需要再host文件中将127.0.0.1指向localhost需要再host文件中将127.0.0.1指向localhost需要再host

axios数据提交和请求格式处理 Content-Type:application/json axios默认将JS对象序列化为JSON格式，前端以json对象的格式传递给后端 Content-Type

放置位置 tsconfig.json配置 声明方式 可以将type/interface的定义放到src/type下，需要将文件名称设置成xxx.d.ts、tsconfig.json中需要在includ

需求 想要实现将双table中的展开图片(icon)去除掉 实现方式 在官方文档中提到了row-class-name这个方法可以属性来为table中的每一行添加class 可以利用这个方法来实现去除i

下载 mock文件放置位置 一般习惯将mock内容放到src文件外 使用 axios的拦截请求和响应可能会对模拟数据的返回造成影响 【总结】： mock文件下将mock接口及对应的配置写好 在main