- 博客(52)
- 收藏
- 关注
RSS订阅原创 uni-app App 端分段导出 JSON 数据为文件
在应用使用过程中，有时候会遇到不联网的情况，需要将大量数据导出为 JSON 文件，尤其是在处理长列表或大数据集时。然而，直接将所有数据写入一个文件可能会导致性能问题，尤其是在移动设备上。为了优化性能并提高用户体验，我们可以将数据分段导出到多个文件中。在开发过程中，我们经常需要将大量数据导出为 JSON 文件，尤其是在处理长列表或大数据集时。然而，直接将所有数据写入一个文件可能会导致性能问题，尤其是在移动设备上。通过上述方法，可以将长 JSON 数据分段导出到多个文件中，避免单个文件过大导致的性能问题。
2025-03-14 14:56:18
463
原创 Uni-app 列表缓存：兼容 H5 和 App 端
通过上述实现，我们可以在 Uni-app 中实现列表缓存，同时兼容 H5 和 App 端。这种缓存机制不仅可以提升应用的性能和用户体验，还可以减少服务器的压力。希望本文的介绍对你的项目有所帮助！
2025-03-13 09:00:00
289
原创 如何动态调整图片布局：填充空白位置的解决方案
通过上述方法，我们可以在不分离横向图和纵向图的情况下，动态地将纵向图填充到空白位置。这种方法不仅保持了代码的简洁性，还提高了布局的紧凑性和美观性。
2025-03-10 15:27:43
236
原创 让你秒懂 Vue .env 文件
文件用于配置环境变量，这些变量可以在开发、测试和生产环境中使用。Vue CLI 提供了一种机制，允许你为不同的环境定义不同的环境变量。文件是项目的默认环境变量文件，适用于所有环境。它包含通用的环境变量，这些变量在开发、测试和生产环境中都会被加载。环境变量的值会被自动解析为字符串，因此如果需要其他类型（如数字或布尔值），需要手动转换。通过合理使用这些文件，就可以轻松管理不同环境下的配置，确保代码的灵活性和可维护性。文件中定义的变量，仅在开发模式下生效。文件中定义的变量，仅在生产模式下生效。
2025-03-06 09:29:34
298
原创 在 Vue 2 中使用 Canvas 绘制多边形
Canvas 是一个强大的工具，用于创建动态图形和交互式可视化内容。Vue.js 提供了便捷的双向数据绑定和组件化开发方式，使得在 Vue 中使用 Canvas 变得更加高效。本文将介绍如何在 Vue 2 中实现一个简单的多边形绘制工具，支持报警区域和安全区域的绘制。
2025-02-27 13:34:21
469
原创 解决 Vue.js 中使用 vue-print-nb 打印一页的问题
在使用时，打印内容只能输出一页的问题通常是由于打印样式未正确配置导致的。通过添加专门的打印样式和分页符，我们可以确保内容可以正确分页并打印。希望本文的解决方案能帮助你在项目中实现多页打印功能。
2025-02-22 17:07:45
664
原创 localForage基本使用和兼容情况
localForage是一个功能强大且灵活的客户端存储解决方案，它通过简单的API和强大的功能，使开发者能够更加高效地管理客户端数据存储，同时确保数据存储的稳定性和兼容性。
2024-12-25 14:32:54
222
原创 el-popover随点击位置变化
在使用 Element UI时，el-popover组件默认是绑定到一个特定的触发元素上的，并且会在该触发元素的附近显示。然而，如果你希望el-popover能够根据用户的点击位置动态显示，（如表格中的每一项），需要进行一些自定义处理。在这个组件中，我们将处理点击事件并更新el-popover的位置。
2024-12-10 17:27:52
700
原创 uni-app在image上绘制点位并回显
在 Uni-app 中绘制多边形可以通过使用 Canvas API 来实现。Uni-app 是一个使用 Vue.js 开发所有前端应用的框架，同时支持编译为 H5、小程序等多个平台。由于 Canvas 是 H5 和小程序中都支持的 API，所以通过 Canvas 绘制多边形是一个比较通用的方法。
2024-12-10 10:41:57
584
原创 Vue文字转语音实现
在开发流程中，面对语音支持的需求，小规模语音内容或许可以通过预处理后播放来轻松应对，但当涉及大量语音时，这一方法就显得繁琐低效了。为此，智慧的开发者们总能找到便捷的解决方案——利用Web技术实现语音播放，既高效又省力。那么该怎么实现呢，请跟随我的脚步看看吧。
2024-12-02 13:29:42
645
1
原创 M3u8Video/HlsVideo之视频流以及MP4播放
背景：鉴于公司项目诸多监控视频播放, 目前项目中, 后台返回前台的视频流是HLS转码之后的m3u8格式, 普通的video标签不可直接播放视频流, 且在不同浏览器,video支持程度不一, 原生 video 标签只支持 Ogg、MPEG4、WebM 三种格式, 至此引入视频流播放插件。
2024-09-26 09:15:00
1261
原创 ZUploader 之 文件上传
文件上传是前端开发很常用的一个功能, 通常文件上传都是异于表单提交, 使用起来配置繁多, 校验不统一, 展示不统一。
2024-09-26 09:00:00
852
原创 大屏适配器
背景：大屏适配是前端开发必不可少的技能，适配各种大屏也是为了给用户更好的体验。scale（缩放）是当前大屏使用较多的方案, 为方便使用, 封装此组件。组件核心是 使用CSS3属性实现, 默认宽高比是相对 当前窗口内容区域的可用宽高而言, 不包括边框、菜单栏。
2024-09-25 09:15:00
491
原创 高德地图 -＞选点,地址搜索,坐标逆解析
注：一定要写在 项目主页的 html 文件中, 优先加载。注：一定要给放地图的容器一个高度。❤️❤️ 组件监听的 事件有。❤️❤️❤️如果编辑器的。❤️ 组件接收的 属性有。
2024-09-24 09:30:00
713
原创 element-ui 表单Cannot read property ‘indexOf‘ of undefined
在使用resetField 报错Cannot read property ‘indexOf’ of undefined。
2024-08-29 15:30:56
386
原创 7-Zip是什么呢
7-Zip 是一个功能强大、免费开源的文件压缩和解压缩工具，适用于个人用户和企业用户，可以在多种操作系统上进行使用，并且支持广泛的压缩格式和高级功能。
2024-05-29 14:45:35
1884
原创 进入AIGC行业的可行性分析
总结起来，当前时机适合进入AIGC行业，但成功进入该行业需要具备一定的技术实力、市场定位、合作伙伴关系和数据安全能力。随着技术的不断进步和应用场景的不断扩展，AIGC行业正处于高速增长的阶段。合作伙伴关系：与行业内的合作伙伴建立良好的合作关系，可以帮助您获得更多的资源和支持。市场定位：了解目标市场的需求和竞争情况，确定您的产品在市场中的定位和差异化竞争策略。数据安全和隐私保护：AIGC行业涉及大量的用户数据和敏感信息，确保您的产品具备强大的数据安全和隐私保护能力，符合相关法规和标准。
2024-05-21 17:51:17
346
原创 input限制只能输入正整数
以上是几种常见的限制 input 元素只能输入正整数的方法。小伙伴们根据具体需求选择合适的方式使用哦~事件，并使用正则表达式检查按下的键是否为数字键。如果不是数字键，则调用。指令将输入框的值自动转换为数字类型。这样可以确保输入框只接受数字输入。这种方式可以限制输入框只接受数字输入，并且可以通过。方法中使用正则表达式过滤掉非数字和非正整数的字符。事件监听输入框的输入事件，并在。属性设置最小值和步长。使用 Vue.js 的。
2024-05-17 14:41:31
7140
原创 Vue2 查看真实请求地址
当你在项目中配置了proxy代理，前端在浏览器开发调试的时候，是看不到真是的请求地址的。这时候，后端要说话了：你这连的是我的地址吗？网络里这显示的也不对吧~前端:额、不是在这里看的。既然你不相信我，让我来给你看看真实请求地址。只需在你的proxy代理中，轻轻地加入一个配置=>
2024-04-19 14:34:03
1364
原创 JS将文字签名转透明背景的图片
要将文本转换为图片，可以使用Canvas API。以下是一个简单的示例，展示了如何将文本绘制到画布上，并将其转换为图片。
2024-04-18 11:17:25
683
原创 NRM详解
那么，问题来了，如果哪天你又跑去国外了，淘宝源肯定是用不了的，又要切换回官网源，或者哪天你们公司有自己的私有 npm 源了，又需要切换成公司的源，这样岂不很麻烦？nrm（NPM registry manager）是 npm 的镜像源管理工具，使用它可以快速切换 npm 源。添加源（用于企业内部定制的私有源，registry表示源名称，url表示源地址。再 npm config ls 查看，已经切换成功。
2024-04-03 09:06:36
1278
原创 程序员如何克服年龄带来的挑战
对于很多人来说，随着年龄的增长，可能面临家庭和生活的更多责任，导致在职业发展上投入的时间和精力相对减少。同时，企业和社会也应该为程序员提供更多的职业发展机会和支持，帮助他们克服年龄带来的挑战，实现个人和组织的共同发展。综上所述，克服年龄带来的挑战需要程序员保持持续学习的态度，合理规划职业生涯，发挥经验优势，注重身心健康，建立人脉网络，并积极拥抱变化。因此，程序员应该根据自己的实际情况，合理规划职业生涯，明确自己的职业目标和发展方向。：面对技术的更新换代，程序员应该积极拥抱变化，勇于尝试新的技术和方法。
2024-04-01 17:44:21
461
原创 CSS使用JS变量
CSS 变量（也称为自定义属性）允许我们在 CSS 中定义可重复使用的值，并将其应用于不同的选择器。为了创建一个 CSS 变量，我们需要使用。前缀，然后可以像常规属性一样使用它。
2024-03-29 17:46:47
1407
1
原创 子孙组件响应式传参之provide/inject
provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。
2024-03-28 09:40:06
461
1
原创 CSS实现点击防抖
大家都知道，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。但是，我今天确新学了一招CSS实现点击节流，分享给大家~
2024-03-19 16:16:50
661
1
原创 浏览器内多个标签页之间的通信
实现多个标签页之间的通信，本质上都是通过中介者模式来实现的。因为标签页之间没有办法直接通信，因此我们可以找一个中介者，让标签页和中介者进行通信，然后让这个中介者来进行消息的转发。
2024-03-15 13:38:39
697
1
原创 Object.freeze(obj)
被冻结的对象不能再被更改：不能添加新的属性，不能移除现有的属性，不能更改它们的可枚举性、可配置性、可写性或值，对象的原型也不能被重新指定。冻结对象可以防止扩展，并使现有的属性不可写入和不可配置。
2024-03-14 17:41:30
772
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人