- 博客(10)
- 收藏
- 关注
RSS订阅原创 abortController优雅的请求和监听中断
abortController 是一个实现了 WHATWG AbortController 接口的开源项目。这个接口允许你通过其关联的 AbortSignal 对象来取消一个或多个 Web 请求，如 fetch 请求、Abortable DOM 请求等。该项目为开发者提供了一种简单且标准的方式来进行请求取消操作。但是需要注意的是中断之后AbortController就会被销毁，需要重新创建。一次触发即可中断所有的listener，不需要再手动remove掉了。
2025-06-19 17:44:46
230
原创 IntersectionObserver无限滚动方案
threshold：触发回调时的交叉比例阈值（0表示刚进入/完全离开时触发回调，1表示完 全进入/刚离开时触发回调）最近在网上冲浪才看到IntersectionObserver这个api，于是在项目中用了一下，果然逻辑和性能都比使用scoll监听更好用，这里记录一下。rootMargin：扩展检测范围的边距（相当于扩大视口的范围，用于提早触发回调），observer.observe( DOM对象 ) //绑定。
2025-06-17 15:38:09
338
原创 vue-cropper插件的奇怪使用：同步裁剪
其实就是把其中的一大堆参数复制给另一个裁剪框，这个样是两者保持同步，当然，changeCut方法亲需要自己去做监听，我这里就不贴了。实现很简单，但是官方貌似没有对应赋值文档（可能我漏了？遇到一个特殊的需求，相同大小、内容不同的两张图，要求同时裁剪，同时展示（裁其中一个的时候，另一个相同操作）vue-cropper插件，一个用来图片裁剪的插件。我的解决方案是：同时渲染两个插件，同步他们的参数。普通的使用这里就不写了，官方文档里写的很清楚的。
2024-10-31 14:44:30
352
原创 记录一个html页面元素转canvas的插件工具：html2canvas
举个例子，devicePixelRatio=3的设备，期望的设置canvas的宽高为300，我们将canvas的宽高属性设置为300/devicePixelRatio=100，再将sacle=devicePixelRatio就可以了。因为画布大小由canvas的width和height属性决定的，canvas的scale()方法在放大/缩小canvas时不会改变内容素质，也就是清晰度不会变，所以缩放后画布的内容就是高清的了。的作用就是允许让我们直接在用户浏览器上拍摄网页或其部分的“截图”。
2024-10-10 10:36:03
1321
原创 vue3从0开始搭建的学习记录（三）
在我这里使用的和vue2版本的主要区别是多了一个item-key的使用，并且必须使用item的作用域插槽，不需要在内部循环要拖拽的元素了，绑定的v-model就已经循环了。安装依赖 ：npm install -S vuedraggable@next。上次没有搞完的vuedraggable，在vue2和3中使用的依赖有所不相同。
2024-07-23 17:52:11
345
原创 vue3从0开始搭建的学习记录（二）
这里先发现了vscode的扩展插件Vetur对vite+vue3并不友好，所以改成了使用Vue - Official了解到vue3是需要使用ref()作为响应式声明的函数，引入了unplugin-auto-import依赖，以便自动添加常用的方法和函数到开发页面，而不用每个页面去引入了需要在vite.config.ts文件里加入要自动引入的一些方法和函数使用resolve这里需要先引入nodejs的path的依赖，也可以用其他方案，这里就不说了，可以自己去查一下。
2024-07-23 15:54:00
1709
原创 edge将网页作为应用安装，导致下载出现跳转的情况
当页面内使用window.open()作为文件下载方式时，页面无法直接调用浏览器事件，会先打开edge浏览器，再触发下载动作，这样页面会跳转到edge浏览器而不会停留在当前的应用上，影响了用户体验。
2024-06-26 10:22:48
871
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人