- 博客(99)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 如何清空 let arr = reactive([])
在 Vue 3 中，如果你有一个使用reactive创建的响应式数组，并且你想清空这个数组，有几种方法可以实现。
2025-03-24 09:40:24
363
原创 vue3 中如何监听 props 中的值的变化
函数允许你观察一个或多个响应式数据源，并在这些数据源发生变化时执行回调函数。函数的回调会被调用，并且我们可以在新值和旧值之间进行操作。以下是一个示例，展示了如何在 Vue 3 中使用。的值，并将其存储在一个响应式的引用。中的值发生变化时执行特定的逻辑了。在 Vue 3 中，你可以使用。在这个示例中，我们首先从。
2025-01-23 17:48:57
1214
原创 Ant Design Vue 的 a-input-number 组件限制最小值和最大值
data(){return{width:null//初始化值},methods:{returnmin;if(!returnmax;returnmin;},
2025-01-20 11:14:53
537
原创 element plus 使用 upload 组件达到上传数量限制时隐藏上传按钮
解决办法：当上传个数达到限定个数时，通过样式控制上传按钮的隐藏。
2025-01-11 17:00:40
734
原创 element plus 使用 el-tree 组件设置默认选中和获取所有选中节点id
【代码】element plus 使用 el-tree 组件设置默认选中和获取所有选中节点id。
2025-01-11 16:23:56
1268
原创 Vue3 给 reactive 响应式对象赋值
在 Vue 3 中，你可以使用reactive函数创建响应式对象。如果你想给这个响应式对象赋值，可以直接修改其属性。
2025-01-09 10:30:31
1899
1
原创 uniapp H5页面实现懒加载
在这个示例中，我们创建了一个 scroll-view 组件，并在其内部放置了一个 list 组件来显示数据。通过监听 scroll-view 的。方法来加载更多数据。每次加载数据后，我们将新数据添加到 listData 数组中，并更新页面的显示。事件，我们可以在用户滚动到底部时调用。
2025-01-03 15:04:17
698
原创 Element plus 的 upload 组件实现自定义上传
Element Plus 是一个基于 Vue 3 的 UI 组件库，提供了许多常用的 UI 组件。通过这种方式，你可以完全控制文件上传的过程，并根据需要实现自定义的逻辑。以下是一个简单的示例，展示如何使用 Element Plus 的。组件用于文件上传功能。如果你想实现自定义上传逻辑，可以通过。
2024-12-31 10:24:33
693
原创 vue3 ref reactive响应式数据，赋值的问题、解构失去响应式问题
创建响应式数据时，赋值操作和解构赋值存在一些需要注意的事项。时，应注意正确的赋值方式和解构赋值导致的响应性丢失问题。函数，可以有效避免这些问题，确保数据的响应性。总结来说，在 Vue3 中使用。在 Vue3 中，使用。
2024-12-26 15:41:53
2823
2
原创 ref 和 reactive 的用法和区别
ref：适用于基本数据类型，通过.value访问和修改值，性能较好。reactive：适用于对象或数组，直接访问和修改对象的属性，性能稍逊于ref。ref 更适合简单的数据类型和场景，而 reactive 则适用于复杂的对象和需要深度响应式的场景。根据实际需求选择合适的工具，可以更高效地构建响应式应用。
2024-12-26 15:34:27
905
原创 Element plus 禁止 el-input-number 输入 e
【代码】Element plus 禁止 el-input-number 输入 e。
2024-12-23 13:40:55
547
原创 element plus的table组件，点击table的数据是，会出现一个黑色边框
在使用 Element Plus 的 Table 组件时，如果你点击表格数据后出现了一个黑色边框，这通常是因为浏览器默认的焦点样式（outline）被触发了。
2024-12-17 14:20:54
444
原创 Element plus 下拉框组件选中一个选项后显示的是 value 而不是 label
这样写，选中一个选项 “是” 后，下拉框中显示的是 label---是，而不是 value---1，如图。
2024-12-17 13:55:35
697
原创 Vue 3 的 defineExpose 用法详解
是一个非常有用的工具，它允许你在 Vue 3 中使用语法糖时，有选择地暴露组件的内部属性和方法给父组件。这有助于提高组件的封装性和可维护性。
2024-12-16 10:59:25
519
原创 vue3 父组件调用子组件 el-drawer 抽屉
你可以控制哪些属性和方法可以被外部访问，从而增强组件的封装性和安全性。语法糖中暴露组件内部的属性或方法给父组件的函数。这里主要用来 ref 和 defineExpose，其中。获取了子组件的实例，而。
2024-12-16 10:47:39
483
原创 Vue3 获取当前组件实例
是 Vue 3 中一个非常有用的工具，它允许开发者在 setup 函数或生命周期钩子中获取当前组件实例的上下文信息。然而，需要注意的是，该函数主要用于调试目的，并不推荐在生产环境中过度使用。在实际项目中，应根据具体需求选择合适的方式来获取和使用组件实例。是一个用于获取当前组件实例的重要函数。在 Vue 3 中，
2024-12-13 14:11:02
1461
1
原创 技术文档：知识传承的载体，团队协作的桥梁
在技术的浩瀚海洋中，一份优秀的技术文档宛如精准的航海图。它不仅承载着知识的传递，更是团队协作的桥梁和产品成功的幕后英雄。然而，打造这样一份出色的技术文档并非易事。本文将分享一些宝贵的经验和方法，帮助技术大神和初涉此领域的新手们更好地编写技术文档。
2024-12-10 09:56:21
470
原创 AI技术赋能电商行业：从购物推荐到供应链管理的创新应用
随着技术的飞速发展，越来越多的电商平台开始尝试运用AI技术来提高销售效率。从用户体验到供应链管理，AI正在深刻影响着电商行业的未来发展趋势。本文将探讨如何在AI加持下实现购物推荐、会员分类、商品定价等方面的创新应用，并分享如何运用AI技术提高电商平台的销售效率和用户体验，为电商行业的数字化转型提供新的思路和方法。
2024-11-14 09:16:26
317
原创 js 将文件 url 地址转成 Blob 文件流并下载
在你的 Vue 组件中，可以创建一个方法来处理文件下载。假设你有一个 API 接口返回文件流，你可以使用。这样，当用户点击按钮时，浏览器会开始下载指定的文件。来发送请求并处理响应。
2024-11-06 18:12:47
1165
原创 AI大模型如何重塑软件开发流程：优势、挑战与应对策略
AI大模型是指通过大规模数据训练得到的深度学习模型，具有强大的数据处理能力和学习能力。在软件开发领域，AI大模型被广泛应用于代码生成、错误检测、性能优化等环节。例如，GitHub Copilot就是一个典型的AI编程助手，它可以根据开发者输入的注释和上下文自动生成代码片段，大大提高了编码效率。此外，AI还可以用于自动化测试，通过模拟用户行为来检测软件中的缺陷和漏洞。
2024-11-05 09:11:50
400
原创 鸿蒙生态崛起：开发者如何抓住机遇，应对挑战，创造卓越应用体验
随着科技的飞速发展，操作系统在智能设备中的地位日益凸显。华为鸿蒙系统（HarmonyOS）作为新兴力量，正逐步展现出与安卓、iOS三足鼎立的态势，其在智能手机、智能穿戴、车载、家居等多个领域的广泛应用，为开发者带来了前所未有的机遇与挑战。本文将围绕“鸿蒙生态崛起：开发者如何抓住机遇，应对挑战，创造卓越应用体验”这一主题展开探讨。
2024-10-30 09:22:17
372
原创 我的创作纪念日
那是一个偶然的机会，我在浏览技术博客时，不经意间点进了优快云的页面，从此便与这个平台结下了不解之缘。优快云不仅为我提供了丰富的技术资源，更成为了我分享创作、交流思想的舞台。在这里，我找到了志同道合的朋友，也发现了自己对技术写作的热情。优快云的平台让我能够将这些知识传播给更多需要的人，这种分享的快乐成为了我不断前行的动力。在优快云上，我不仅收获了知识和技能的提升，更重要的是，我收获了一批忠实的读者和朋友。在优快云这个大家庭里，我找到了属于自己的位置，也见证了无数像我一样热爱技术的创作者的成长。
2024-10-28 10:05:22
268
原创 CSSS 实现图片自适应容器展示
可以通过设置图片的 CSS 样式来实现让不同尺寸的图片在固定高度的容器中完整展示，不拉伸、不压缩、不裁剪。通过这种方式，无论图片的原始尺寸如何，它们都会在固定高度的容器中完整展示，并且不会被拉伸或压缩。属性来控制图片的显示方式。
2024-10-23 11:33:23
489
原创 js 计算两个日期之间的天数
在 JavaScript 中，你可以通过计算两个日期之间的毫秒数差值，然后将其转换为天数来计算两个日期之间的天数。然后，它计算两个日期之间的毫秒数差值，并将其转换为天数。最后，返回计算出的天数。如果输入的日期格式不正确，可能会导致意外的结果或错误。请注意，这个函数假设输入的日期格式是有效的并且可以被。函数接受两个日期字符串作为参数，并将它们解析为。
2024-10-22 13:19:03
542
原创 庆祝1024程序员节：回顾与展望编程世界的无限可能
1024程序员节不仅是对程序员辛勤工作的庆祝，更是对编程世界不断创新和进步的认可。在过去的一年里，我们见证了许多激动人心的技术突破和发展，这些成就不仅改变了我们的生活，也为未来的发展铺平了道路。在未来的日子里，让我们继续携手并进，探索编程世界的无限可能，共同迎接更加美好的明天。愿每一位程序员都能在这条充满挑战与机遇的道路上，找到属于自己的光芒。祝大家1024程序员节快乐！
2024-10-21 09:10:25
501
原创 大学新生入门编程的最佳路径：选择、规划与避坑指南
在当今数字化时代，编程已成为一项不可或缺的技能，对于即将步入大学校园的新生而言，掌握编程不仅能够拓宽知识视野，更是未来职业发展的重要基石。然而，面对琳琅满目的编程语言和海量的学习资源，许多新生往往感到无所适从。本文旨在为大学新生提供一份编程入门的全面指南，包括如何选择适合自己的编程语言、如何制定高效的学习计划以及如何巧妙避开学习过程中的常见陷阱，助力你在编程的道路上稳健前行。
2024-10-15 17:29:02
315
原创 使用console.time进行性能分析
是 JavaScript 中用于性能分析的简单工具。你可以在代码的开始和结束处分别调用这两个函数，传入相同的标签（label），然后浏览器的控制台就会输出这段代码执行所需的时间。当你运行这段代码时，控制台会显示类似 "processData: 123.456ms" 的消息，告诉你。函数执行了多长时间。这对于优化代码和找出性能瓶颈非常有用。例如，假设你有一个函数。
2024-10-14 08:57:17
263
原创 揭秘AI时代：人们最钟爱的智能助手与技术革新的力量
在21世纪的科技浪潮中，人工智能（AI）以其独特的魅力和强大的功能，正逐步渗透进我们生活的每一个角落。从语音助手到智能家居，从自动驾驶到医疗诊断，AI技术的广泛应用不仅极大地提升了我们的生活品质，更在无形中塑造了一个全新的智能时代。本文将深入探讨人们在使用AI工具时的偏好选择，以及这些工具如何展现AI技术的实际应用和深远影响。
2024-10-10 09:21:59
692
原创 机器学习与神经网络荣获诺贝尔物理学奖，开创科研新纪元
在2024年，诺贝尔奖的评选迎来了历史性的突破：首次将诺贝尔物理学奖授予了机器学习和神经网络领域的研究者。这一决定不仅打破了奖项传统上只关注自然现象和物质物理研究的惯例，更标志着全球科学界对人工智能及其相关技术的高度认可和重视。
2024-10-10 08:59:08
417
原创 js 实现视频封面截图
元素的内容转换为一个数据 URL（data URL）的方法。这个数据 URL 可以被用于在网页上直接显示图像，或者在服务器端处理时作为图像数据的传输方式。方法是一个非常实用的 JavaScript 内置函数，可以轻松地处理 base-64 编码的数据；该方法返回一个包含完整 MIME 类型和 base64 编码数据的字符串。是用于将 HTML5。
2024-09-30 16:29:47
966
原创 js 将图片链接转成流
时，浏览器会发起一个带有凭据的跨域请求。这意味着浏览器会将用户的凭据（如cookies）发送给服务器，以便进行身份验证和授权。未设置或设置为空字符串，则表示不进行任何跨域请求，即同源策略。在这种情况下，浏览器只会从与当前页面相同的域名加载图像。这里也用到了 crossOrigin 这个属性，用于设置图像的跨域策略。它决定了浏览器在加载图像时如何处理跨域请求。时，浏览器会发起一个跨域请求，但不会发送任何凭据（如cookies）。这通常用于不需要用户凭据的跨域图片请求。如下示例中，图像将从。
2024-09-29 15:20:25
490
原创 Vue3 项目环境变量配置（Vite）
它的主要作用让开发者区分不同的运行环境，读取不同环境的相关配置信息，比如开发环境和生产环境使用不同的 API 前缀等。Vite 是通过 import.meta.env 对象暴露环境变量的。Vite 使用从你的也可以配置额外的额环境变量，我们需要在根目录新建 .env[mode] 文件，并且环境变量必须以 VITE_ 开头，才会暴露给经过 vite 处理的代码。只有会被暴露为提供给客户端源码，而则不会。环境变量通常可以从获得。注意：Vite 默认是不加载.env。
2024-09-29 09:41:12
664
原创 编程工具的选择对开发者效率的影响：一项数据驱动的探讨
总之，虽然不存在一体适用的解决方案，但是通过数据分析和实际案例来看，合理选取并结合使用多种编程工具确实可以显著提高工作效率，甚至达到翻倍的效果。在当今技术驱动的职场环境中，软件开发者面临着不断增加的压力，以更快的速度生成更高质量的代码。例如，数据表明，在涉及多个部门和需要快速迭代的大型项目中，低代码平台能显著缩短上市时间，而在需要高度定制解决方案的项目中，强大的IDE和版本控制是必不可少的。据Atlassian的研究报告，合理的版本控制可以使项目的开发周期缩短20%，同时减少30%的错误率。
2024-09-24 09:14:11
320
Vue3-devtools 可视化工具
2024-12-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人