- 博客(27)
- 收藏
- 关注
RSS订阅原创 JSON 解析失败时，不中断后续代码执行
本文介绍了处理 JSON.parse() 失败时防止代码中断的几种方法：1) 使用 try-catch 捕获异常并设置默认值；2) 封装安全解析函数；3) 结合可选链操作符；4) 使用 reviver 函数验证。最佳实践包括始终处理异常、提供默认值、记录错误和尽早验证数据源。这些技巧确保即使 JSON 解析失败，程序也能继续执行后续代码。
2025-06-27 09:47:06
441
原创 解决 Vue 中 ResizeObserver 循环未传递通知的错误
Vue中ResizeObserver循环报错解决方案 问题分析：Vue使用ResizeObserver循环观察元素时出现"ResizeObserver loop completed with undelivered notifications"错误，主要原因是观察元素过多或回调处理耗时导致通知堆积。 解决方案： 优化回调函数使用requestAnimationFrame 分批观察元素，避免一次性处理过多元素 添加防抖机制控制回调频率 检查回调中是否形成尺寸变化的无限循环 关键措施： 分批
2025-06-17 17:38:52
510
转载 使用 WebSocket 连接 MQTT 服务器
近年来随着 Web 前端的快速发展，浏览器新特性层出不穷，越来越多的应用可以在浏览器端通过浏览器渲染引擎实现，Web 应用的即时通信方式 WebSocket 也因此得到了广泛的应用。WebSocket 是一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 通信协议于2011年被 IETF 定为标准 RFC 6455，并由 RFC 7936 补充规范。WebSocket API 也被 W3C 定为标准。
2025-06-17 11:02:45
420
原创 前端vue中使用signalr
本文介绍了SignalR在前端开发中的完整使用流程：从引入库文件、初始化连接到实际应用场景。主要内容包括：1) 通过npm安装SignalR客户端库并引入；2) 使用HubConnectionBuilder配置连接参数（URL、日志、重连策略等）；3) 启动连接的方法；4) 定义客户端接收服务端消息的回调函数；5) 调用服务端方法的发送消息方式。文章还提供了典型应用场景（聊天、数据更新、通知系统）和完整代码示例，帮助开发者快速实现实时通信功能。配置说明详细涵盖了传输方式、认证、日志等关键参数。
2025-05-27 10:52:00
1180
原创 WebSocket 初步学习
WebSocket是一种网络通信协议，旨在解决HTTP协议的单向通信缺陷。与HTTP不同，WebSocket允许服务器主动向客户端推送信息，实现真正的双向通信。它于2008年诞生，2011年成为国际标准，所有现代浏览器均已支持。WebSocket的特点包括：基于TCP协议、与HTTP兼容、数据格式轻量、支持文本和二进制数据传输、无同源限制等。客户端通过WebSocket构造函数创建实例，并通过onopen、onmessage、onclose等事件处理连接、消息接收和关闭操作。WebSocket广泛应用于实时
2025-05-09 17:14:15
1221
原创 websocketd 10秒教程
websocketd 是一个简单的 WebSocket 服务器工具，允许通过命令行与现有程序进行交互。它支持多种编程语言，只需编写一个可读写 STDIN 和 STDOUT 的可执行程序，即可构建 WebSocket 服务器。安装步骤包括下载、解压并添加到系统路径。通过编写一个简单的脚本（如 count.sh），并将其作为 WebSocket 服务器启动，即可在客户端通过 JavaScript 与服务器进行交互。websocketd 提供了常用的 WebSocket API，如 onopen、onmessag
2025-05-09 17:06:01
968
原创 Vue报错：Cannot read properties of null (reading ‘xxx‘)
Vue报错：Cannot read properties of null (reading ‘xxx’)
2025-05-06 17:16:46
932
原创 vue调用OData接口
OData （Open Data Protocol） 是经 ISO/IEC 批准的 OASIS 标准，它定义了一组用于构建和使用 RESTful API 的最佳实践。OData 可帮助您在构建 RESTful API 时专注于业务逻辑，而无需担心定义请求和响应标头、状态代码、HTTP 方法、URL 约定、媒体类型、有效负载格式、查询选项等的各种方法。OData 还为跟踪更改、为可重用过程定义函数/作以及发送异步/批处理请求提供了指导。
2025-05-06 15:48:52
1157
原创 Node-RED 环境搭建及使用
Node-RED 是一个基于流的编程工具，专为物联网应用设计，它允许开发者通过拖拽节点并将它们连接起来来创建应用程序。这些节点可以是传感器、定时器、功能块或者是与外部系统如Twitter或HTTP服务的接口。Node-RED的核心优势在于它的可视化编程接口和庞大的节点库，这些节点库由社区贡献，覆盖了从数据处理到社交媒体集成的各种功能。
2025-04-29 15:37:36
640
原创 将JSON对象转换为URL参数格式
考虑key:value，value为数组或对象类型的情况。这个方法适用于大多数场景，能够将复杂的JSON对象转换为URL参数格式。
2025-02-24 11:59:52
987
原创 将数字转换为中文金额大写
中文金额通常是用大写数字，比如零、壹、贰这些，然后还有单位，比如元、角、分，还有万、亿这些大单位。另外，中间有零的情况需要处理，比如1001元应该写作壹仟零壹元整，而不是多个零连在一起。
2025-02-24 11:38:08
1259
原创 Vue中组件传参方法总结
方法适用场景特点Props父组件向子组件传参单向数据流，简单直接自定义事件子组件向父组件传参通过事件通知父组件v-model父子组件双向绑定语法糖，简化双向绑定跨层级组件传参适合祖先与后代组件通信Event Bus任意组件通信全局事件总线，需手动管理Vuex全局状态管理适合中大型项目，集中管理状态根据具体需求选择合适的传参方法。对于简单场景，props和自定义事件足够；对于复杂场景，推荐使用Vuex或。
2025-02-21 14:37:12
1334
原创 vue3创建项目方法
创建vue项目。Vue CLI是一个功能强大的工具，适合需要更多配置和集成的项目。Vite是一个更轻量、更快的构建工具，适合追求开发速度和简单性的项目。
2025-02-21 11:27:48
540
原创 js 深度遍历方法
递归实现：简单直观，但可能栈溢出。非递归实现：使用栈模拟递归，适合深度较大的树。前序、中序、后序遍历：适用于二叉树的不同遍历顺序。根据具体需求选择合适的遍历方法。
2025-02-20 16:24:17
457
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人