<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Thea12138的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Thea12138</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Thea12138]]></copyright><item><title><![CDATA[定义全局键盘监听事件，el-dialog中删除不可用]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/143515689</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/143515689</guid><author>Thea12138</author><pubDate>Tue, 05 Nov 2024 17:16:48 +0800</pubDate><description><![CDATA[在el-dialog上添加 @keydown.stop.prevent。可能会导致全部键盘不可用。场景：全局的div增加了鼠标监听事件，而且window中添加了键盘监听事件。3、在全局键盘事件处理器中添加判断，忽略来自 dialog 的事件。1、在 el-dialog 上同时阻止默认行为和冒泡。4、使用 v-if 条件来控制全局键盘事件的监听。2、在 dialog 内部的输入元素上直接处理。事件冒泡，导致阻止无效。]]></description><category></category></item><item><title><![CDATA[空间分区技术：四叉树和网格系统比较]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/142845318</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/142845318</guid><author>Thea12138</author><pubDate>Fri, 11 Oct 2024 09:37:30 +0800</pubDate><description><![CDATA[网格系统和四叉树都是空间分区技术，用于优化大规模场景中的对象查询。]]></description><category></category></item><item><title><![CDATA[乌班图系统 关闭netcat 程序]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/141184940</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/141184940</guid><author>Thea12138</author><pubDate>Wed, 14 Aug 2024 10:51:41 +0800</pubDate><description><![CDATA[如果您经常需要启动和关闭netcat，考虑编写一个简单的脚本来管理这个过程，这样可以更方便地控制netcat的运行。- 在使用这些命令时要小心，确保您只终止了想要关闭的netcat进程，而不是其他重要的系统进程。- 如果netcat是以root权限运行的，您可能需要使用 `sudo` 来执行这些命令。在Ubuntu系统中关闭netcat程序有几种方法。- 使用 `kill -9` 应该是最后的选择，因为它不给程序清理的机会。直接在运行netcat的终端中按 `Ctrl + C` 即可终止程序。]]></description><category></category></item><item><title><![CDATA[uni-app云函数中使用mqtt接收消息]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/140663253</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/140663253</guid><author>Thea12138</author><pubDate>Wed, 24 Jul 2024 14:54:40 +0800</pubDate><description><![CDATA[注意：  需要用return new Promise((resolve, reject) => { 包起来。我没包起来，导致项目中可用，但是云函数中用不了。]]></description><category></category></item><item><title><![CDATA[fabric 加载png ，报错Uncaught DOMException: Failed to execute ‘getImageData‘ on ‘CanvasRenderingContex]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/140131195</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/140131195</guid><author>Thea12138</author><pubDate>Tue, 02 Jul 2024 16:55:30 +0800</pubDate><description><![CDATA[在 Fabric.js 中加载 PNG 图像时，如果遇到 Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data 错误，通常是因为加载的图像来自不同的源（跨域），而浏览器默认会阻止跨域图像操作。同时，在图像加载回调中也设置了 `crossOrigin` 属性。这样可以允许所有域名访问图像资源。]]></description><category></category></item><item><title><![CDATA[fabric.util.enlivenObjects是什么意思]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/139601202</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/139601202</guid><author>Thea12138</author><pubDate>Tue, 11 Jun 2024 15:47:59 +0800</pubDate><description><![CDATA[fabric.util.enlivenObjects是处理从JSON数据恢复Fabric对象的关键工具，特别是在实现如撤销/重做功能或从外部源加载画布状态时非常有用。它帮助确保数据可以被转换回可交互的Fabric对象，从而维持应用的功能性和用户体验。]]></description><category></category></item><item><title><![CDATA[css 文字描边]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/138534995</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/138534995</guid><author>Thea12138</author><pubDate>Tue, 07 May 2024 15:54:04 +0800</pubDate><description><![CDATA[实现了问题和图形描边的效果。]]></description><category></category></item><item><title><![CDATA[js判定-矩形内是否包含指定点]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/138343257</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/138343257</guid><author>Thea12138</author><pubDate>Tue, 30 Apr 2024 13:47:17 +0800</pubDate><description><![CDATA[场景：使用JavaScript计算，一个由四个点(x1，y1)，(x2，y2)，(x3，y3)，(x4，y4）逆时针顺序组成的矩形可以旋转。给定一个点(x，y)，判断该点是否在矩形内。要确定一个点(x，y)是否在由四个点组成的矩形内，可以使用称为“叉积法”。该方法包括计算矩形的点和点(x，y)形成的向量的叉积。如果所有的叉积都有相同的符号，则该点在矩形内。该函数将点(x，y)的坐标和矩形(x1，y1)(x2，y2)，(x3，y3)，(x4，y4)四个点的坐标作为输入参数。]]></description><category></category></item><item><title><![CDATA[fabricjs 添加直线宽度，实现类似道路效果]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/137878144</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/137878144</guid><author>Thea12138</author><pubDate>Wed, 17 Apr 2024 16:26:54 +0800</pubDate><description><![CDATA[【代码】fabricjs 添加直线宽度，实现类似道路效果。]]></description><category></category></item><item><title><![CDATA[fabricjs控制背景图和画布图片展示]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/137827693</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/137827693</guid><author>Thea12138</author><pubDate>Tue, 16 Apr 2024 15:51:17 +0800</pubDate><description><![CDATA[1.检查画布是否存在背景在Fabric.js中，可以通过检查canvas.backgroundImage属性来判断画布是否设置了背景图片。如果canvas.backgroundImage不为null或undefined，则表示画布上设置了背景图片。2.存在，清除画布背景3.不存在，添加画布背景我用的是js方式引入图片4.控制背景图展示的完整代码。]]></description><category></category></item><item><title><![CDATA[vue项目中，修改fabric默认操作]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/137782466</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/137782466</guid><author>Thea12138</author><pubDate>Mon, 15 Apr 2024 15:20:32 +0800</pubDate><description><![CDATA[场景：fabricjs绘制的元素，默认点击鼠标左键即可自由移动元素。需要把操作改为，点击鼠标左键先选中元素，只有选中的元素，按住鼠标左键后才能移动。evented: false // 设置对象为不可触发事件，防止直接移动。selectable: true, // 设置对象为可选中。原理，通过修改参数，实现。]]></description><category></category></item><item><title><![CDATA[给文字设置渐变色]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/136315003</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/136315003</guid><author>Thea12138</author><pubDate>Tue, 27 Feb 2024 10:04:28 +0800</pubDate><description><![CDATA[给文字，设置渐变色填充。]]></description><category></category></item><item><title><![CDATA[【汇总笔记】axios的四种请求方式及参数设置]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/136211596</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/136211596</guid><author>Thea12138</author><pubDate>Wed, 21 Feb 2024 15:12:50 +0800</pubDate><description><![CDATA[url (string): 请求的 URL 地址。data (any): 请求的数据。params (object): 请求的查询参数对象。headers (object): 请求头对象。timeout (number): 请求超时时间。withCredentials (boolean): 是否携带跨域请求的凭证。cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。responseType (string): 响应数据的类型。]]></description><category></category></item><item><title><![CDATA[vue大文件读取部分内容，避免重复加载大文件，造成流量浪费]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/136211091</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/136211091</guid><author>Thea12138</author><pubDate>Wed, 21 Feb 2024 14:33:27 +0800</pubDate><description><![CDATA[使用Axios发出一个HTTP GET请求来获取.pcd文件的前2048字节，该文件通常包含头文件。然后解析报头以提取版本信息。但是，请注意，头的具体大小可能因.pcd文件格式而异，可能需要相应地调整字节范围。避免重复加载整个“.pcd'文件，以最大限度地减少网络流量。实现这一点的一种方法是只获取”.pcd'文件部分内容，该文件通常包含包括版本信息的元数据。项目点云地图是pcd文件，但是文件可能上百兆，我需要获取到文件中的版本信息，跟本地的缓存文件做比较，如果不一致，才会加载整个文件。]]></description><category></category></item><item><title><![CDATA[vue项目中下载静态资源里的pdf文件]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/136165571</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/136165571</guid><author>Thea12138</author><pubDate>Mon, 19 Feb 2024 10:58:39 +0800</pubDate><description><![CDATA[1.把文件放在项目目录src/assets文件下。3.需要在vue.config.js中配置！2.在项目是用a标签下载。]]></description><category></category></item><item><title><![CDATA[elementui 回到顶部报错]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/135977877</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/135977877</guid><author>Thea12138</author><pubDate>Thu, 01 Feb 2024 16:50:12 +0800</pubDate><description><![CDATA[组件的伙伴们，把官网代码复制到页面使用时会遇到问题：element 解决 Error: target is not existed: .page-component__scroll .el-scrollbar__wrap。]]></description><category></category></item><item><title><![CDATA[indexeddb使用场景]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/135959030</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/135959030</guid><author>Thea12138</author><pubDate>Wed, 31 Jan 2024 17:43:14 +0800</pubDate><description><![CDATA[离线Web应用程序：IndexedDB允许Web应用程序在浏览器中存储和检索数据，即便是在没有网络连接的情况下，用户仍然能够访问本地保存的信息。电子商务网站：对于需要本地存储购物车和订单历史记录的电子商务网站，IndexedDB可以高效地存储和管理这些数据，提升用户体验。数据可视化工具：IndexedDB还能用于数据可视化工具，允许用户在离线状态下处理数据，并在下次连接时将数据同步回云数据库。综上所述，IndexedDB广泛应用于不同类型的Web应用程序和服务，为用户提供流畅且灵活的用户体验。]]></description><category></category></item><item><title><![CDATA[对象数组的反向，根据子数组生成新的数组对象]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/135528023</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/135528023</guid><author>Thea12138</author><pubDate>Thu, 11 Jan 2024 14:22:01 +0800</pubDate><description><![CDATA[遇到个挺难用文字描述的数组处理需求，话不多说，直接上案例。我需要以id为关键字，生成新的数组。]]></description><category></category></item><item><title><![CDATA[vue 项目实现下拉加载]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/135473915</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/135473915</guid><author>Thea12138</author><pubDate>Tue, 09 Jan 2024 10:35:57 +0800</pubDate><description><![CDATA[场景：vue 网站手机端适配，需要实现拉到底部加载下一页的效果。]]></description><category></category></item><item><title><![CDATA[css样式：抄的背景渐变样式]]></title><link>https://blog.youkuaiyun.com/Thea12138/article/details/134975095</link><guid>https://blog.youkuaiyun.com/Thea12138/article/details/134975095</guid><author>Thea12138</author><pubDate>Wed, 13 Dec 2023 16:16:18 +0800</pubDate><description><![CDATA[最近入坑 爱奇艺的《一念关山》（谁让咱也没有别家视频会员）。顺手就抄了他们家一个背景渐变样式。分析：运用了渐变，挺适合用在深色背景场景中，如 数据可视化大屏展示等。展示：（就是右侧 切换的选中样式）]]></description><category></category></item></channel></rss>