- 博客(16)
- 收藏
- 关注
RSS订阅原创 为什么要使用WebSocket：实时通信技术深度解析
本文深入分析了四种实时通信技术：WebSocket、SSE、轮询和传统Socket，重点阐述了WebSocket的优势。WebSocket作为HTML5标准，支持全双工通信，具有低延迟、高效率特点，适合聊天、金融交易等实时场景。相比之下，SSE仅支持单向推送，轮询效率低下，传统Socket则过于复杂。通过性能对比可见，WebSocket在实时性和资源消耗上表现最优。文中还提供了WebSocket Hook的实现方案，包括接口定义、配置管理和消息处理机制，展示了其在实际应用中的技术价值。WebSocket已成
2025-11-04 10:34:26
949
原创 Vue 3 WebSocket通信方案：从原理到实践
本文介绍了Vue 3环境下的WebSocket通信方案，重点分析了WebSocket相比传统轮询方案的优势，包括双向通信、低延迟、低带宽消耗等特性。文章通过对比短轮询、长轮询和WebSocket的性能差异，详细阐述了WebSocket的核心价值。方案采用分层设计，包含基础Hook封装和业务层增强两个核心文件，实现了自动重连、心跳检测、消息队列管理等关键功能。该方案既保持了WebSocket的良好可复用性，又能灵活应对不同业务场景需求，为Vue 3应用提供了稳定的实时通信解决方案。
2025-09-03 19:53:17
1183
1
原创 终于不用手动 `git merge` 了：sync-upstream 如何让上游同步从「噩梦」变成「日常」
《sync-upstream：让上游仓库同步从噩梦变日常》介绍了一款革新Git工作流的工具，能显著提升同步上游仓库的效率。文章首先列举了传统手动合并的痛点：耗时、冲突多、回滚难等，然后重点展示了sync-upstream的五大突破：增量哈希节省80%流量、10倍并行加速、声明式冲突解决、安全回滚机制和本地缓存优化。通过某200人团队的实测数据，同步时间从25分钟降至2分15秒，冲突误操作归零。工具支持零配置启动，提供多场景模板，安装即可体验60秒完成上游同步的高效工作流。GitHub开源项目欢迎贡献。
2025-08-16 10:08:27
950
原创 前方高能！Git命令终极宝典：从入门到精通的200+命令全解析
Git作为现代软件开发不可或缺的工具，其强大的命令集常常让新手望而生畏。本文将带你深入探索Git的命令世界，从最基本的初始化到高级的调试技巧，全面覆盖你在工作中可能遇到的各类Git操作，并提供常见错误的解决方案。无论你是Git新手还是有经验的开发者，这份详尽的指南都将帮助你更高效地管理代码版本，避免那些令人头疼的合并冲突和历史混乱问题！
2025-04-30 17:01:14
626
原创 Git四大命令深度解析：rebase、revert、merge与stash的实战指南
git rebase命令的主要功能是将一系列提交"重新应用"到某个基点上，通常用于整合分支更改或清理提交历史。git rebase <基点分支> # 将当前分支的提交重新应用到基点分支上git rebase -i <基点分支> # 交互式rebase这会将feature分支的所有提交重新应用到master分支的最新提交上。当你需要清理提交历史或整合分支更改时，使用git rebase当你需要安全撤销之前的提交而不破坏历史时，使用git revert当你需要合并不同分支的开发成果时，使用。
2025-04-30 16:51:45
1102
原创 Git三大命令深度解析：掌握push、pull与fetch的核心差异与实战技巧
git push命令的主要功能是将本地分支的提交推送到远程仓库。当你完成了一段时间的本地开发并准备好与他人共享你的工作时，就需要使用这个命令。git push <远程仓库名> <本地分支名>:<远程分支名>git push当你需要分享你的工作时，使用git push当你需要同步团队最新工作时，考虑使用git pull当你需要检查远程更改后再决定如何整合时，使用git fetch日常协作：先git fetch查看差异，确认无误后git pull或手动合并独立开发：完成工作后直接git push分享成果。
2025-04-30 16:39:44
2157
原创 从删库到跑路？不如学会 git update-index：Git 索引修复与高级管理指南
Git 索引（Index）是位于.git/index的二进制文件，充当工作目录和版本库之间的缓冲区。它记录了当前暂存的文件状态（文件名、权限、哈希值等）。git commit时提交的内容正是索引的快照。忽略文件改动（无需修改.gitignore手动修复索引状态。添加特殊类型文件到版本控制。对于日常使用，建议优先使用高层命令（如git add但在需要精细控制索引时，是不可或缺的利器。参考Git 官方文档 - git update-indexGit 内部原理 - 索引。
2025-04-29 09:45:25
1209
原创 Vue 指令
当你需要在Vue应用中添加自定义行为时，可以使用自定义指令。自定义指令允许你直接操作DOM，并在元素上绑定自定义的行为。自定义指令可以包含多个钩子函数，用于在不同的生命周期阶段执行特定的操作。：在指令绑定元素的父组件挂载之前调用。mounted：在指令绑定元素的父组件挂载后调用。：在指令所在组件更新之前调用。updated：在指令所在组件更新之后调用。：在指令绑定元素的父组件卸载之前调用。unmounted：在指令绑定元素的父组件卸载后调用。
2024-03-21 10:49:25
919
原创 javascript:void(0)；用法及常见问题解析
在 JavaScript 中，是一个常见的用法，通常用于在 href 属性中作为超链接的值，以避免页面跳转。这种用法通常用于在点击链接时执行 JavaScript 而不导致页面跳转的情况。
2024-03-08 16:16:43
846
1
原创 探索 JavaScript 中的函数柯里化、WeakMap 和 Reflect
在 JavaScript 中，函数柯里化、WeakMap 和 Reflect 是三个强大且灵活的概念，它们在编程中扮演着重要的角色。
2024-03-08 15:18:10
327
原创 使用vue3创建座位组件
将使用Vue 3创建一个座位组件。座位组件是一个常见的UI组件，用于显示座位信息，并允许用户选择或取消选择座位。该组件是通过js去创建的，没有类型提示，所以加入了一部分jsdoc，使编辑器可以识别类型。
2024-01-11 16:14:15
2796
原创 都4202年了，你还不学习web component
Web Component 是一种用于构建可复用用户界面组件的技术，开发者可以创建自定义的 HTML 标签，并将其封装为包含逻辑和样式的独立组件，从而在任何 Web 应用中重复使用。每个 Web Component 都具有自己的 DOM 和样式隔离，避免了全局 CSS 和 JavaScript 的冲突问题。它还支持自定义事件和属性，可以与其他组件进行通信和交互。不同于 Vue/React 等社区或厂商的组件化开发方案，Web Component 被定义在标准的 HTML 和 DOM 标准中。
2023-11-25 11:58:12
1576
1
原创 js小练习之选项卡
获取dom，通过该方式获取，他获取到的是一个节点列表，通常我们称之为伪数组；本文是通过类名来控制，先把其他人干掉（移除类名），然后再展现自己（添加类名）属性返回元素类名，该属性用于在元素中添加, 移除及切换 CSS 类.链式写法，就是可以连在一起写，注意这里获取dom元素一定要写。，也用到了排他思想，和原生js写的逻辑一样，只是写法更加简单。）多个类时，使用逗号隔开；若指定类名已存在, 则不添加；）多个类时，使用逗号隔开；QQ录屏20220410111732。箭头函数（es6）写法方便，无。
2022-04-10 12:12:13
664
原创 js小游戏锅打灰太狼
是一款基于 JavaScript 的小游戏，灵感来自于经典的打地鼠游戏。在游戏中，玩家需要尽可能快地点击灰太狼出现的位置，以获得分数。主要利用了 JavaScript 的事件监听和DOM操作来实现灰太狼的出现和点击效果。通过不断点击灰太狼，玩家可以挑战自己的反应速度和准确性，争取获得更高的分数。游戏规则html部分美化工作 css逻辑部分 js完整代码
2022-03-09 16:59:53
6100
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人