- 博客(107)
- 收藏
- 关注
RSS订阅原创 JavaScript中Map对象的终极指南：从基础到高级应用
根据2024年V8引擎性能测试，推荐场景如下：1.必须使用Map：2.优先选Object键为非字符串类型（如对象、函数）需要严格插入顺序（如时间序列日志）高频增删操作（>1000次/秒）简单配置对象（如需要JSON序列化键为连续整数（引擎会优化为数组结构）
2025-08-20 09:30:00
703
原创 时间差值工具Date.now()和performance.now()
是前端性能测量的黄金标准，它提供了：微秒级的高精度计时稳定可靠的单调计时不受系统时间干扰的测量结果丰富的配套API支持复杂性能分析在上一篇文章中Map与Array.find()性能对比中，正是依靠的高精度特性，我们才能准确捕捉到两种方法之间微小的性能差异，特别是在数据量较小时的区别。对于任何需要精确测量的JavaScript性能分析场景，都是不二之选。
2025-08-19 17:55:44
593
原创 JavaScript 性能优化：new Map vs Array.find() 查找速度深度对比
本文对比了JavaScript中Map和Array.find()在数据查找方面的性能差异。测试显示：Map查找时间为O(1)，几乎不受数据量影响；而Array.find()为O(n)，时间随数据量线性增长。在10,000条数据时，Map比Array.find()快625-1,094倍。建议：小数据量(＜100条)或偶尔查询用Array.find()；中等以上数据量或频繁查询用Map，虽然需要预处理但性能优势显著。最佳实践包括数据预处理、动态维护数据结构和封装工具函数。
2025-08-19 17:18:27
728
原创 el-date-picker 中 type=“datetimerange“只能选 前后3个月的范围
【代码】el-date-picker 中 type=“datetimerange“只能选 前后3个月的范围。
2025-07-14 15:02:14
148
原创 uniapp 实现 列表滚动 支持自动滚动 手动滚动5秒后变成自动滚动
【代码】uniapp 实现 列表滚动 支持自动滚动 手动滚动5秒后变成自动滚动。
2025-06-16 10:35:46
440
原创 前端大屏可视化项目 局部全屏（指定盒子全屏）
需求是这样的，我用的项目是vue admin 项目 现在需要在做大屏项目。至于大屏适配问题 请看我文章 底部的代码直接复制就可以运行 vue2。不希望显示除了大屏的其他东西 于是想了这个办法。
2025-04-12 16:01:23
252
原创 px转rem 大屏适配方案 postcss-pxtorem
在根目录(项目最外层) 新建文件。新建文件 utils/rem.js。配置 vue.config.js。安装 我的版本。main.js中引入文件。
2025-04-11 10:12:04
644
原创 前端调试中的逐过程（Step Over）、单步调试（Step Into）和单步跳出（Step Out）区别
通过合理选择这三种操作，开发者可以精准控制调试流程，快速定位代码问题。例如，当遇到嵌套函数时，先用单步调试进入核心逻辑，再用单步跳出快速返回上层，最后用逐过程跳过无关代码，形成高效调试链路。
2025-03-05 12:09:14
1396
原创 el-tabs组件中绑定‘activeName’ 为 ‘‘，打印值却是‘0’?
所以在写下拉的时候一定要给一个值 不要为空字符串 这样打印就没问题了。我去找源码 就发现了这个。
2025-02-28 15:06:04
322
原创 el-table中的type=“selection“ 不显示全选并实现单选
【代码】el-table中的type=“selection“ 不显示全选并实现单选。
2024-11-28 12:04:08
806
原创 如何去掉el-input 中 type=“number“两侧的上下按键
【代码】如何去掉el-input 中 type=“number“两侧的上下按键。
2024-11-19 16:40:20
542
原创 纯前端实现语音文字互转
Web SpeechAPI 是一组浏览器 API，允许开发者在 Web 应用程序中集成语音识别和语音合成功能。这些 API 的引入标志着浏览器开始支持本地端的语音交互能力，不仅改善了用户体验，还为开发者提供了更多创新的可能性。Web Speech API 的推出不仅仅是技术进步的体现，更是对互联网应用程序用户体验提升的重大贡献。通过使用这些功能强大的 API，开发者可以为他们的应用程序添加创新的语音交互功能，从而吸引更多用户并提升用户满意度。
2024-11-18 17:50:14
1260
1
原创 WebSocket实战，后台修改订单状态，前台实现数据变更，提供前端和后端多种语言
在实际的后台中需要变更某个订单的状态，在官网中不刷新页面，可以自动更新状态。的方式与后台保持通信，监听订单状态的变化并更新页面。: 后端需要支持 WebSocket，并在订单状态变更时推送消息到前端。: 在官网前端页面通过 WebSocket 接收订单状态变更的通知。可以在浏览器开发者工具中查看 WebSocket 连接状态。在前端页面实现订单状态的实时更新（不刷新页面），可以通过。：使用 WebSocket（推荐）安装 WebSocket 库。WebSocket 使用。
2024-11-18 15:19:14
1174
原创 git在当前分支失误拉取了其他分支代码，回滚步骤
先查看提交记录，找到拉取操作前的提交记录。你可以找到拉取操作之前的提交记录（也可以用。确认是否恢复到了拉取操作前的提交记录。：假设你想回退到拉取之前的提交，使用。命令来恢复到那个状态。查看所有操作历史）。替换为刚才复制的代码。
2024-11-11 16:42:07
1054
原创 实现uniapp-微信小程序 搜索框+上拉加载+下拉刷新
"navigationBarTitleText": "消息",pages.json 中的配置。
2024-11-06 10:00:10
1142
原创 uniapp实现自定义弹窗组件，支持富文本传入内容
3.showModal组件实现，我做了个判断，如果传入的cancelText是空字符串，则只显示确认键。5.使用方式 、 在h5 会报错 所有 还是引入一下 小程序正常。4、在main.js挂载vuex和showModal。创建initModal.js。1.首先安装vuex。
2024-08-13 12:21:39
933
原创 如何使用js 判断在pc打开还是手机
另外，随着Web技术的发展，现代浏览器和Web应用越来越多地采用响应式设计（Responsive Design）和渐进式增强（Progressive Enhancement）的策略，以适应不同设备的屏幕尺寸和性能。因此，在很多情况下，你可能不需要直接判断用户是在PC还是手机上访问，而是应该通过CSS媒体查询（Media Queries）等技术来适应不同的设备和屏幕尺寸。不过，由于设备和操作系统的多样性，这个列表可能并不完整。这样的库，这些库提供了更全面的设备检测功能，但需要注意的是，它们也是基于。
2024-07-23 16:33:08
2117
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人