- 博客(22)
- 收藏
- 关注
RSS订阅原创 监听canvas内部元素点击事件的三种方法
这个方法是我认为思路最直接、结果最准确、而且对图形形状没有任何要求的方法，但这个方法有一个致命的局限，当图形需要在画布上移动时，要频繁的创建数据缓存才能保证检测结果准确，受到画布尺寸和图形数量的影响， getImageData() 方法的性能会成为严重的瓶颈。因为canvas导出的图形数据是将每个像素以 rgba 的顺序存成4个数字组成的数组，所以想访问指定像素的alpha值，只要读取这个数组的第 pIndex * 4 + 3 个值就可以了，如果这个值不为0，说明该像素可见，也就是点击到了该图形。
2024-09-20 18:42:06
1788
原创 Vite配置Proxy代理解决跨域问题
配置代理后，会把当前请求http://localhost:5173/api/login代理到target中的地址http://www.test.com/api/login，并且通过路径重写，最终转发到http://www.test.com/login真实后端服务器，解决跨域问题。在vite.config.ts中进行如下配置。
2024-09-18 09:32:55
1363
原创 echarts相关文档
echarts官网：Apache EChartsmadeapie：https://madeapie.com/dataV：介绍 | DataV
2024-07-30 15:33:50
274
原创 SSE（Server-Sent Events）和WebSocket的区别
它是基于HTTP标准的，设计用来支持从服务器到客户端的单向通信。使用SSE时，客户端建立一个到服务器的连接，然后服务器可以不断地发送新的数据事件，直到连接被关闭。这种技术特别适合实现如实时新闻feed、股票行情更新、或其他需要服务器不断推送数据但客户端无需回送数据的应用。总的来说，选择使用SSE还是WebSocket取决于应用的需求。如果需要服务器向客户端单向推送数据，且数据类型为文本，SSE是一个合适的选择。而如果需要双向实时通信，或者需要传输二进制数据，WebSocket则是更合适的选择。
2024-06-12 14:40:54
782
原创 Vue3，使用MarkdownIt，heightLight.js，ClipboardJS 实现代码高亮加一键复制功能
在Vue组件中使用这个模块时，你需要在组件挂载后调用。，以确保复制按钮具备复制功能。
2024-06-06 11:39:39
2526
3
原创 Vue，TS，完整的Axios封装-单独API管理层、参数序列化、取消重复请求、Loading、状态码...
说明，具体的逻辑过程是没有改变的，可以自己瞅瞅，有疑问的地方欢迎评论区留言。具体使用和原来的一致，并且现在有快捷提示，使用起来更加方便。当初之所以没写这块内容，也是考虑到每个人、每个项目存储。Em...整体来说应该不算难，就是补上了一些类型限制和。希望本文对你有所帮助，如有任何疑问，期待你的留言哦。的方式可能都不一样，就干脆不写了。至此，本篇文章就写完啦，撒花撒花。封装思路和上一篇一样，具体参考。文件的内容，主要是获取。
2024-05-31 15:10:36
493
原创 vue3，根据时间线currentTime，实现精准滚动到特定时间段
根据音频的当前时间currentTime，实现点击某个时间段跳转到相对应的时间段上，同时自定义smoothScroll 函数，实现自定义平滑滚动时长
2024-05-23 14:58:30
540
1
原创 vue3，自定义滚动动画函数，实现Scroll smooth平滑滚动
【代码】vue3，自定义滚动动画函数，实现Scroll smooth平滑滚动。
2024-05-23 14:48:13
736
1
原创 Vue3 前端 引入 markmap 思维导图，通过markdown解析成思维导图
Vue3 引入 markmap 思维导图，通过markdown解析成思维导图，集成到自己项目中，缩放、适应屏幕、下载
2024-05-17 11:33:10
3213
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人