- 博客(13)
- 收藏
- 关注
RSS订阅原创 一文搞懂 Web Worker：让你的前端真正“多线程”！
关键词说明多线程Web Worker 让 JS 拥有后台线程能力消息通信用进行主线程交互限制不能操作 DOM，但能处理重计算场景图片处理、数据加密、AI 推理、复杂数学计算Service Worker 实战入门指南。
2025-11-02 22:44:06
931
原创 从 0 实现一个 WebSocket 聊天室（React + Node.js 全栈教程，超详细讲解）
目标：封装一个可复用的 Hook，管理连接、接收消息、心跳机制、重连等。功能：展示消息、输入内容、发送消息、显示连接状态。
2025-07-14 09:24:14
990
原创 小白也能看懂！从零开始学会 WebSocket —— 实时通信的魔法通道
特性好处双向通信浏览器和服务器可以互相发消息实时性高几乎毫秒级响应，不用轮询建立连接快一次握手，长期保持使用简单浏览器原生支持，无需依赖库。
2025-07-13 22:46:42
650
原创 从零开始打造前端低代码平台：原理 + 实现 + 可运行 Demo 全解析
button><input>低代码 = 拖拽 + 配置 + 渲染👉 最终生成的是一个 JSON（我们称为 schema），页面长什么样全靠它。
2025-06-22 02:11:09
1487
原创 css无缝横向滚动动画的原理与实现
我们希望实现一个网页上的“火车式横向滚动”效果：图片/内容连续不断地从右向左滚动，不出现画面顿挫、不跳帧、不闪白，可以无限循环。
2025-06-12 13:16:54
740
原创 从零掌握 Webpack：原理 + 配置 + 实战全指南
模块化指的是将代码拆成功能单一的文件，每个文件内部维护自己的作用域与功能。我们通过import和exportES：即 ECMAScript，JavaScript 的标准。ESM（ES Modules）：即 ES6 引入的模块系统，通过 import 和 export 语法进行模块化。HMR 即热模块替换，是一种在应用运行时，替换、添加或删除模块的技术，而无需整个页面刷新。它能极大提升开发体验，快速反馈修改结果。Tree Shaking 是一种“摇掉没用代码”的优化技术。
2025-06-08 01:12:26
1154
原创 从0到部署 qiankun 微前端实战
就像微服务在后端的作用 —— 把一个大前端应用，拆分成多个小的、独立的子应用模块，彼此解耦，各自开发、部署、运行。通俗来说，就是。这些子应用可以分别上线，不影响主应用和其他子应用。
2025-06-08 01:12:13
1346
原创 从 0 到 1 发布自己的第一个 NPM 包：超详细教程（附完整配置与踩坑指南）
（Node Package Manager）是 JavaScript 的包管理平台。很多你在项目中用到的库，比如 lodash、axios、react 都是别人发布到 npm 上的开源包。
2025-05-26 16:23:20
896
原创 React 项目性能优化
优化点技术方法子组件重复渲染大计算逻辑useMemo多函数回调列表 diff稳定 key状态影响范围大状态局部化 / 状态库（Zustand/Recoil）异步竞态首屏资源重性能分析。
2025-05-26 16:22:21
1470
原创 JavaScript 沙箱机制详解
沙箱（Sandbox）是指将一段代码置于一个与外部环境隔离的执行环境中运行，确保这段代码不会污染全局环境，同时也不会被外部环境影响。换句话说，沙箱就像是在一个“封闭房间”里运行代码，让它无法接触到房间外的真实世界。
2025-05-18 22:24:19
779
原创 Git 命令大合集
是一款非常强大的分布式版本控制系统，它的设计理念是为了让多人协作开发变得更加高效。每个开发者都可以在自己本地进行代码的修改和提交，只有在需要时，才通过 Git 来同步代码。这样，Git 大大减少了开发人员之间的相互依赖，提高了工作效率和代码管理的灵活性。
2025-05-13 11:05:58
869
原创 揭秘 React 中最强大的 Hooks：提升开发效率与性能的必备利器！（持续更新）
React 的 Hooks API 在 React 16.8 版本引入，它让函数组件具备了类组件的一些特性。Hooks 提供了多种非常有用的功能，下面来介绍几种常见的适用性 Hooks，并通过代码展示它们如何使用。
2025-05-11 02:12:33
493
原创 如何将 Rust 编译出的 WebAssembly 模块引入你的前端项目中（React + Vite ）
Rust是一门由 Mozilla 主导开发的系统编程语言，目标是在保持性能极高的同时，提供内存安全和线程安全的保障。内存安全：Rust 采用所有权（Ownership）机制替代了传统语言中的垃圾回收（GC），在编译期就能避免大多数内存错误（如悬垂指针、空指针解引用等）。高性能：Rust 可以编译为本地机器码，性能接近甚至媲美 C/C++，但语法更现代，且易于维护。并发友好：Rust 在类型系统层面约束了数据共享和修改，避免了数据竞争，使得并发代码更安全。
2025-05-11 01:51:43
1561
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人