自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 基于 Vue 3 和 Element Plus 实现了表格自动滚动

表格支持展开行(expand)以显示更多详情信息。数据来源于响应式变量tableData,通过 API 请求获取并更新。实现了表格内容的自动垂直滚动,并在鼠标悬停时暂停滚动,提升用户体验。组件挂载后启动自动滚动。组件卸载时清除定时器,避免内存泄漏。

2025-05-30 15:22:37 406

原创 uniapp微信小程序订阅通知

下方代码是微信小程序中一个登录功能的核心实现,主要通过用户手机号码完成登录,并引导用户订阅消息。为了让普通读者也能理解它的逻辑,我会用生活中的例子来类比说明。

2025-04-25 14:38:03 599

原创 Mapboxgl + KrigingJS 实现插值图

大尺寸Canvas:保证插值结果精度(6000x6000px)WebGL加速:依赖Mapbox GL的WebGL渲染能力。Turf.js:处理地理空间计算(质心计算、多边形生成等)将插值结果渲染到6000x6000像素的Canvas。将处理后的Canvas图像作为栅格图层叠加到地图。克里金插值:适用于地理空间数据的统计插值方法。使用预设采样点数据(包含经纬度和污染等级)使用turf.js进行地理空间计算。半透明填充效果增强可视化层次感。使用隐藏的Canvas元素()作为后续插值渲染的绘图板。

2025-02-26 15:02:12 853 5

原创 mapState, mapActions, mapMutations 举例详解

mapState用于将 Vuex store 的状态映射到组件的计算属性中。mapActions用于将 Vuex store 的 actions 映射到组件的方法中。用于将 Vuex store 的 mutations 映射到组件的方法中。这些辅助函数的主要目的是简化代码,减少样板代码,提高开发效率。希望这些示例能帮助你更好地理解和使用它们。

2024-11-25 09:48:46 884

原创 利用webscoket实现扫码登陆和利用常规方法实现扫码登录相比优势在哪里,为什么用webscoket?

WebSocket适用于需要实时通信的场景,如扫码登录,可以提供更好的用户体验和更低的资源消耗。传统方法适用于对实时性要求不高的场景,实现相对简单,但在高并发情况下可能会增加服务器负载。根据具体需求选择合适的技术方案,可以更好地满足业务需求。

2024-11-18 10:52:00 481

原创 useState疑问

内存地址:尽管01和02的内存地址不同,页面上显示的值仍然是0。实际渲染 vs. 比较渲染:当状态值相同但setCount被调用时,React 会执行一次“比较渲染”,确保状态的一致性,但不会实际更新 DOM。页面显示:页面显示的值是最后一次更新后的0(记作02这个时候我的疑问出来了,明明01到02的变化是实实在在的替换,虽然是0 -->0的过程,但应该也算是重新渲染,为什么却叫做“比较渲染”。最后查了半天才发现是我钻牛角尖了。因此,从01到02。

2024-09-11 14:30:22 517

原创 在 Vue 3 中实现 Word 和 PDF 文件的预览

在 Vue 3 中实现 Word 和 PDF 文件的预览可以通过多种方式来完成。

2024-08-21 16:37:11 2747

原创 React中的类组件和函数组件的区别

在React中,类组件和函数组件是创建组件的两种主要方式。随着React Hooks的引入,函数组件的功能得到了增强,现在可以处理复杂的状态管理和生命周期方法,这使得函数组件和类组件之间的差异变得更加微妙。

2024-08-20 10:23:56 753

原创 React中的Diffing算法

这样可以避免上述问题。例如,如果你的数据是从数据库中获取的,通常每条记录都有一个唯一的ID,这个ID就可以用作。属性来帮助React识别哪些项被修改、添加或者删除。这有助于提高性能并确保正确的组件更新。这是因为索引是最直接且简单的标识符,可以用来跟踪每个列表项的位置。因此,在React中推荐的做法是为列表项提供一个稳定的唯一标识符作为。在React中,当你渲染一个列表时,通常会为每个元素添加一个。,React会默认使用数组的索引(index)作为。如果不显式地为列表项提供一个。

2024-08-08 11:01:19 196

原创 合并错误回退指南

这可能会导致其他开发者的工作丢失,因此在使用此命令前请务必谨慎,并通知团队成员。在进行任何回退操作前,最好先确认是否有未提交的更改或未解决的冲突,以及是否需要备份当前状态,以免丢失重要数据。如果合并已经被推送到远程仓库,并且你确定没有其他人依赖于这次合并,你可以使用。这将创建一个新的提交,其效果是逆向合并的更改。如果合并已经完成并且你想要放弃这次合并的结果,你可以使用。这会撤销所有未解决的合并冲突,并回到合并前的状态。环境变量会指向合并的另一个分支的头部,而。是你合并前的提交的哈希值。

2024-07-09 18:18:58 692

原创 SSL证书的安全验证问题

作为程序员,我们会遇到千奇百怪的bug,今天我要分享的是SSL证书验证的问题。当我们遇到SSL证书过期问题时,可参照以下解决方法。在命令行工具中,尤其是当你使用 Git 或其他依赖 SSL/TLS 连接的工具时,你可能需要暂时禁用 SSL 验证。这通常是为了处理过期的证书、自签名证书或开发环境中的其他 SSL 相关问题。这将设置 Git 不再验证 HTTPS URL 的 SSL 证书。对于其他命令行工具,你可能需要查看该工具的文档,了解如何禁用 SSL 验证。

2024-07-08 17:34:00 3074

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除