- 博客(148)
- 收藏
- 关注
RSS订阅原创 微信小程序：跨页面数据修改全攻略
本文详细介绍了微信小程序中修改其他页面数据的三种常用方法。通过本地缓存，利用wx.setStorage()和wx.getStorage()等方法，实现数据在本地设备的存储与读取，适用于存储相对稳定且对实时性要求不高的数据，但存在存储容量限制、数据一致性和安全性问题；运用app.js全局变量，在globalData中定义变量，方便在各页面间共享和实时更新数据，不过要注意内存占用、数据一致性维护以及对代码可读性和可维护性的影响；巧用页面栈，借助getCurrentPages()获取页面栈，直接操作目标页面实例修
2025-01-15 11:21:41
470
原创 Vue3 中如何根据路由动态生成侧边菜单
在 Vue3 的项目开发，尤其是后台管理系统这类复杂应用场景中，侧边菜单扮演着举足轻重的角色，它是用户快速导航至各个功能模块的得力助手。而根据路由动态生成侧边菜单，则为系统的灵活性和可扩展性增添了强大动力。接下来，我们将深入探讨如何在 Vue3 中实现这一关键功能。gitCode代码地址：https://gitcode.com/Jiaberrr/vue3-pc-template/overview,gitee代码地址：https://gitee.com/zunyi-gabe/vue3-pc-template
2025-01-10 15:44:23
878
原创 微信小程序实现手写签名全攻略，看这一篇就够了！
在微信小程序实现手写签名的众多技术方案中，Canvas脱颖而出，成为当之无愧的首选。Canvas是HTML5提供的一个强大的绘图API，它允许开发者使用JavaScript在网页或小程序上绘制图形、图像以及进行各种复杂的可视化操作。在小程序中，Canvas组件提供了类似的功能，为手写签名功能搭建了坚实的技术基石。
2025-01-08 09:21:45
775
原创 element-plus二次封装搜索组件的详细解析与使用
在 Vue 项目开发中，构建一个灵活且易用的搜索组件是非常常见的需求。本文将剖析项目中基于element-plus二次封装的搜索组件的代码，探讨其设计思路、功能实现以及使用方法，希望在后面的项目中可以复用。
2025-01-04 18:00:14
1150
原创 页面转 PDF 功能的实现思路与使用方法
获取要转换的 DOM 元素，并将其背景设置为白色，同时调整宽度为 190mm，以适配后续的 A4 纸布局。通过以上步骤，就可以轻松实现页面转 PDF 的功能，为用户提供便捷的文档下载体验。首先，确保你的项目中已经安装了 html2canvas 和 jspdf 库，以及 element-plus（用于展示加载状态）。在函数内部，首先使用 ElLoading 组件来显示一个加载提示，让用户知道正在进行下载操作。在 PDF 生成并保存后，关闭加载提示，同时将之前转换的 DOM 元素的样式恢复为原始状态。
2025-01-04 13:58:32
1291
原创 【09】深入解析 Three.js 官网示例：下雪粒子特效与场景渲染的实现（webgpu_compute_particles_snow.html）
通过对这段 Three.js 代码的详细解析，我们了解了如何创建复杂的 3D 场景，包括相机、灯光、物体的设置，如何进行粒子特效的实现，以及碰撞检测、后期处理等功能。希望本文对你有帮助！
2025-01-03 14:19:52
1003
原创 Vue 项目中实现打印功能：基于目标 ID 的便捷打印方案
在 Vue 项目中封装了一个便捷的打印功能。用户只需传入目标 ID，即可实现对特定元素的打印预览和打印操作。这种方法具有良好的可扩展性和维护性，可以根据项目的具体需求进行进一步的优化和定制。希望本文能对大家在 Vue 项目中实现打印功能有所帮助。
2025-01-03 11:01:37
1019
原创 基于 element-plus 的表格组件二次封装：思路与使用指南
我们的目标是封装一个通用的表格组件，它既包含表格展示部分，又包含分页功能，通过对 Element Plus 表格组件的二次封装，我们实现了一个通用的表格组件，提高了代码的复用性和开发效率。在实际项目中，可以根据具体需求进一步扩展和优化该组件。希望本文对你有所帮助，如有任何问题，欢迎在评论区留言。
2025-01-02 20:59:20
1219
原创 【08】基于 Three.js 的鸟类群体模拟代码解析（webgl_gpgpu_birds.html）
通过对以上代码的详细解析，我们了解了如何利用 Three.js 和 GPU 计算来实现一个复杂的鸟类群体模拟。从鸟类的位置和速度计算，到群体行为的模拟，再到最终的渲染，每个部分都紧密协作，共同创造出一个生动的动态场景。
2025-01-02 20:09:06
875
原创 【07】基于 Three.js 的 WebGPU 火焰特效代码解析（webgpu_tsl_vfx_flames.html）
在 Web 开发中，使用 Three.js 库结合 WebGPU 来创建炫酷的图形特效是一件非常有趣且富有挑战性的事情。今天我们就来详细解析一段实现火焰特效的代码，让大家深入了解其背后的原理和功能实现。
2024-12-30 10:29:31
1003
原创 一个超容易上手（简陋更简单）的纯前端框架！基于 Vue3 + JavaScript + Element Plus 的后台管理模板
本项目是一个纯前端的后台管理模板，采用 Vue3、JavaScript 和 Element Plus 进行开发，旨在为开发者提供一个高效、便捷的后台管理系统前端开发基础框架，具备动态路由、面包屑导航以及多页面打开等实用功能，可大大提升开发效率和用户体验。src：components：通用组件目录，如按钮、表格、图标等自定义组件，可在整个项目中复用。router：路由相关配置和逻辑，包括动态路由设置。assets：静态资源，用于存放公共css样式、图片等文件。
2024-12-29 16:22:32
1627
2
原创 【06】基于Three.js下雨粒子特效的代码解析（webgpu_compute_particles_rain.html）
这段 Three.js 代码实现了包含粒子系统模拟、碰撞检测、多种 3D 物体添加以及动画渲染等丰富的功能。希望大家能从中理解相关的实现思路，运用到自己的开发实践中，进一步探索 Three.js 带来的强大 3D 开发能力。
2024-12-26 16:38:43
797
原创 【05】基于Three.js创建动态变化的点集代码解析（webgl_points_dynamic.html）
通过对这段代码的详细解读，我们可以看到它构建了一个包含模型加载、丰富动画效果以及后处理特效的 Three.js 项目。从初始化场景、相机、渲染器，到加载模型创建网格对象，再到通过复杂的动画逻辑更新对象状态以及应用后处理效果进行渲染，每一步都紧密配合，展现出了 Three.js 强大的功能和灵活性。希望这篇文章能帮助大家更好地理解如何利用 Three.js 来开发具有交互性和视觉吸引力的 3D 网页应用程序，大家也可以基于此代码进一步拓展和优化，实现更多个性化的创意效果。
2024-12-25 15:27:13
1047
原创 【04】基于 Three.js 的 3D 地形代码解析（webgl_geometry_terrain_raycast.html）
摘要：本文将对一段使用 Three.js 库构建的 3D 地形场景相关代码进行详细解析，涵盖从基础的场景初始化、对象创建，到交互逻辑以及纹理生成等多个方面，旨在帮助读者更好地理解 Three.js 在创建复杂 3D 地形场景中的应用。Three.js 是一个功能强大且广泛应用于 Web 端 3D 图形开发的 JavaScript 库，它提供了丰富的 API 来创建各种绚丽的 3D 场景、动画以及交互效果。接下来我们要解析的这段代码就是利用 Three.js 构建了一个特定的 3D 场景，并实现了一些交互功能
2024-12-25 09:15:00
754
原创 【03】基于Three.js的炫酷粒子效果代码解析（webgl_points_sprites.html）
通过对这段代码的详细解析，我们可以看到它完整地构建了一个包含粒子效果、可交互界面、性能统计以及自适应窗口大小等功能的3D场景。从初始化各个核心组件（相机、场景、渲染器等），到设置粒子的材质、位置、动画效果，再到处理各种用户交互（鼠标移动、窗口大小改变）以及性能监控，涵盖了使用Three.js进行3D开发的多个关键方面。希望读者能够通过这次解析，深入理解这些代码背后的原理和实现思路，从而能够在自己的项目中灵活运用Three.js来创建出更精彩的3D可视化效果。
2024-12-24 10:04:55
1257
原创 【02】基于 Three.js 实现的交互式 3D 场景代码解析（webgl_instancing_raycast.html）
通过对这段代码的详细解析，我们可以看到使用 Three.js 构建一个具有交互功能的 3D 场景需要涉及到多个方面的知识和操作，从基础的模块导入、对象创建，到复杂的鼠标交互、动画更新等逻辑。希望这篇文章能帮助大家更好地理解 Three.js 的使用，在自己的项目中也能创建出炫酷的 3D 效果。
2024-12-24 09:00:00
1058
原创 【01】基于 Three.js 的 WebGL 动画代码解析（webgl_animation_keyframes.html)
在本文中，我们将深入解析一段使用 Three.js 实现 WebGL 动画相关功能的代码。这段代码涵盖了从场景搭建、模型加载到动画控制以及页面响应式处理等多个方面的内容，下面让我们逐步来看。
2024-12-23 15:46:50
930
原创 解锁 GitBook 的奥秘：从入门到精通之旅
在使用 GitBook 的过程中，还有一些进阶技巧可以让你的电子书更加出色。例如，优化目录显示可以提升读者的阅读体验。通过在book.json文件中配置plugins字段，添加chapter-fold或expandable-chapters等插件，并执行gitbook install命令安装，即可实现目录折叠功能，使目录结构更加清晰，方便读者快速定位到所需章节。自定义页面样式也是提升电子书个性化的重要手段。
2024-12-23 14:36:27
989
原创 Echarts 神技：打造超炫漏斗图全攻略
通过以上步骤，我们成功地使用 Echarts 实现了一个漏斗图。可以根据实际需求调整数据和样式设置，以满足不同的可视化需求。Echarts 提供了丰富的配置选项，可以让我们轻松地创建各种类型的图表，为数据分析和展示提供了强大的支持。希望这篇博客对你在使用 Echarts 实现漏斗图时有所帮助。
2024-12-19 16:44:28
482
原创 微信小程序与webview的html通信“秘籍”
在微信小程序中，webview 组件扮演着极为重要的角色，它是实现小程序与 html 通信的关键元素之一。首先从 dom 布局来讲，webview 组件在小程序页面的布局上有着自身特点，它通常会自动铺满整个小程序页面。可以看到，webview 组件根据条件（这里通过wx:if判断url是否有值来决定是否渲染）展示在对应的容器内，并占满可用空间。
2024-12-16 15:39:14
951
原创 JS 中请求队列与锁的巧妙结合
在 JavaScript 中，通过精心设计和实现请求队列与异步锁的结合，可以有效地应对并发访问共享资源时可能出现的各种问题。这种机制不仅能够确保资源在同一时间只有一个任务能够访问，避免了数据竞争和冲突，而且通过合理的等待队列管理，能够有条不紊地处理多个请求，提高了系统的整体稳定性和可靠性。在实际的大型 JavaScript 应用开发中，尤其是涉及到复杂的异步操作和资源管理场景时，深入理解和熟练运用这种请求队列与锁的技术是非常必要的，可以帮助我们构建出更加健壮和高效的应用程序。
2024-12-13 16:26:15
852
原创 深入探秘 encodeURIComponent 与 encodeURI：JS 中的 URL 编码利器
encodeURIComponent 是 JavaScript 自带的函数，可把字符串作为 URI 组件进行编码，会转码除了语义字符之外的所有字符。语义字符包括：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()）。其他字符，如分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）等元字符都会被转码。
2024-12-12 11:49:03
1431
原创 微信小程序中 Echarts 的巧妙运用
到 echarts 官网进行在线定制，我们可以根据自己的项目需求选取特定的图表和规格。在定制过程中，需结合开发环境选择压缩下载或普通下载。压缩下载后的文件后缀为echarts.min.js，可将其改成echarts.js，方便后续使用。
2024-12-11 14:58:58
1645
原创 微信小程序中 crypto-js 加解密全攻略
crypto-js 在微信小程序加解密中具有极高的实用性和便捷性。它为我们提供了丰富的加密算法选择，无论是 AES、DES 等对称加密算法，还是 RSA 等非对称加密算法，都能满足不同场景下的加密需求。同时，它易于使用，通过简单的代码就能实现数据的加密和解密操作。在微信小程序开发中，与服务器进行数据交互时，crypto-js 能够有效保护用户数据的安全，提升应用程序的安全性。无论是处理大量数据还是对安全性要求较高的小数据量场景，crypto-js 都能发挥重要作用。
2024-12-11 09:45:03
1391
原创 ECharts实战教程：如何生成动态水波纹效果
在数据可视化领域，ECharts是一款非常强大的图表库。今天，我们将带领大家学习如何使用ECharts生成动态水波纹效果，让我们的图表更加生动有趣。
2024-12-09 15:40:16
556
原创 微信小程序中使用miniprogram-sm-crypto实现SM4加密攻略
SM4是一种对称加密算法，由国家密码管理局发布，适用于商密领域。它的密钥长度为128位，分组长度为128位，加密过程采用32轮迭代。SM4加密算法具有较高的安全性，适用于微信小程序中的数据加密需求。const key = '00112233445566778888888800000000' // 替换为你的密钥通过本文的介绍，相信大家已经掌握了在微信小程序中使用miniprogram-sm-crypto插件进行SM4加密的方法。在实际项目中，请根据需求合理使用加密技术，确保数据传输的安全性。
2024-12-09 14:24:04
1004
原创 探索CSS中的背景图片属性，让你的网页更加美观
在网页设计中，背景图片的运用能够丰富页面视觉效果，提升用户体验。本文将详细介绍CSS中背景图片的相关属性，帮助大家更好地掌握这一技能。
2024-12-06 16:08:53
694
原创 Vue组件实现PDF图纸批量打印功能详解
展示一系列图纸，每个图纸可以是一个PDF文件或图片。将每个图纸绘制到Canvas上，以便可以在浏览器中查看。提供一个打印按钮，用户点击后可以打开浏览器的打印对话框，打印所有图纸。这个Vue组件通过结合Canvas和CSS打印样式，实现了一个简单的PDF图纸打印功能。用户可以在浏览器中预览图纸，并通过打印按钮将它们打印出来。这个组件可以很容易地集成到任何Vue项目中，为用户提供便捷的打印服务。
2024-12-06 14:26:22
648
原创 探索JavaScript数组API：提升你的编程效率
大家好，今天我们来聊聊JavaScript中数组的常用API。数组是JavaScript中非常重要的一种数据结构，掌握数组的API对于提高编程效率具有重要意义。以下是一些实用的JavaScript数组API，让我们一起来看看吧！
2024-12-05 16:44:35
661
原创 在 ECharts 折线图中添加自定义图片
本文介绍了在Echarts中添加图片并自定义位置的方法。通过graphic组件，我们可以轻松地在图表中添加图片，并通过调整相关属性来控制图片的位置和样式。希望这篇文章对您有所帮助！如有疑问，请随时在评论区留言。
2024-12-05 16:16:47
417
原创 Vue中使用ECharts图表中的阈值标记（附源码）
本文将介绍如何在给定的数据点中找到对应于特定Y值的X值，并设置标线起始点标记在ECharts图表中
2024-12-04 17:28:00
833
原创 uniapp实现加密Token并在每次请求前动态更新(vue、微信小程序、原生js也通用！）
在Web开发中，Token作为一种身份验证的机制，被广泛应用于前后端交互过程中。本文将为大家介绍如何在每次请求前动态设置加密的Token，并在请求一次后使Token值加1（或其他动态改变的逻辑），从而提高系统的安全性。
2024-12-03 13:58:07
718
1
原创 uniapp进阶技巧：如何优雅地封装request实例
通过以上步骤，我们成功地在uniapp中封装了一个request实例，它支持所有常见的HTTP方法，并且可以通过setDefaultConfig方法设置全局默认配置。这种封装方式不仅使代码更加整洁，还提高了网络请求的管理效率。希望本文能帮助你在uniapp项目中更好地处理网络请求。
2024-12-02 14:17:45
906
原创 Vue项目中实现附件下载并实时显示进度条
通过以上步骤，我们成功地在Vue项目中实现了附件下载并实时显示进度条的功能。这个功能不仅提升了用户体验，还使得文件下载过程更加直观。希望这篇博客能够帮助到大家，如果你有任何疑问或建议，欢迎在评论区留言交流。
2024-12-01 08:15:00
703
原创 Vue实战技巧：如何展示附件（PDF、MP4、Excel、Zip等）并修改名称下载
通过以上步骤，我们实现了在Vue项目中展示附件（PDF、MP4、Excel、Zip等）并修改名称下载的功能。这个功能在实际开发中非常实用，希望本文能对大家有所帮助。如有疑问，欢迎在评论区留言交流。
2024-11-30 20:08:25
778
原创 探索温度计的数字化设计：一个可视化温度数据的Web图表案例
通过这个项目，我们了解了如何使用 ECharts 创建一个温度计的数字化呈现。ECharts 提供了丰富的图表类型和强大的交互功能，非常适合用于数据展示和分析。在未来的项目中，我们可以继续探索 ECharts 的其他功能和图表类型，以实现更多有趣和实用的数据可视化效果。
2024-11-29 13:01:48
1350
原创 使用ECharts创建带百分比标注的环形图
我们创建了一个带百分比标注的环形图，它不仅展示了各部分的比例关系，还通过Y轴标签提供了更详细的信息。这种图表非常适合展示分类数据的比例和分布情况。你可以根据自己的需求调整颜色、大小和样式，以达到最佳的展示效果。希望这篇文章能够帮助你掌握ECharts环形图的创建技巧，为你的数据可视化项目增添亮点。如果有任何问题，欢迎在评论区交流。
2024-11-28 10:04:35
1159
原创 打造双层环形图：基础与高级渐变效果的应用
我们创建了一个具有双层渐变效果的环形图。这种图表不仅美观，而且能够有效地展示数据的层次和关系。你可以根据自己的需求调整半径、颜色和透明度等属性，以达到最佳的视觉效果。希望这篇文章能够帮助你掌握ECharts的高级应用，为你的数据可视化项目增添亮点。如果有任何问题，欢迎在评论区交流。
2024-11-28 09:41:41
1272
原创 如何在Canvas中添加背景图片、图片元素和文字元素
Canvas是HTML5中一个强大的元素，它允许我们在网页上进行图形绘制。在本文中，我们将学习如何在Canvas中添加背景图片、图片元素以及文字元素。
2024-11-27 14:14:19
1295
原创 微信小程序：实现定时拍照与自动上传功能攻略——静音版
在之前的文章中，我介绍过可以用ctx.takePhoto来实现定时拍照，但是在实际使用过程中，会有快门声，影响用户体验感，本文中，我们将介绍如何在微信小程序中实现静音定时拍照功能，并将拍摄的照片上传到服务器。我们将使用onCameraFrame方法替代takePhoto来避免快门声。
2024-11-26 08:58:52
902
全方位工控组态图库大合集-打造高效工控设计的利器
2025-01-06
《树莓派4B开发入门手册》-开启您的嵌入式计算之旅
2024-12-12
PID控制器的工作原理及其三个关键环节的应用解析
2024-12-12
《TurboPi智能视觉小车-AI视觉基础教程》-探索智能驾驶，开启AI视觉编程新篇章
2024-12-12
《openCV基础PDF教程》-轻松入门计算机视觉与图像处理
2024-12-12
【高效学习伴侣】-软件设计师专属课后习题集，附完整答案版！巩固知识，提升技能，一网打尽！
2024-12-03
精准押题-软件设计师考试必备！独家押题10套及答案详解，助你一臂之力！
2024-12-03
软件设计师2023年、2022年全套真题
2024-12-03
视频直播和屏幕录制软件OBS Studio（Open Broadcaster Software
2024-09-18
原子化css-常用css整理-快速css样式
2024-09-06
乡镇街道级边界JSON文件
2024-09-05
微软雅黑字体包(包含完整版和精简版)
2024-08-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人