Posts
All the articles I've posted.
-
为Markdown文档添加 Python 在线运行功能
集成 Pyodide 让 MkDocs 文档中的 Python 代码可以在浏览器中直接运行，打造交互式技术文档，提升读者学习体验和文章互动性。
-
使用bun构建一个简易cli工具
🎯端口被占用是开发中常见的问题。使用 Bun 创建跨平台命令行工具，支持 Windows、macOS、Linux 端口占用进程查找和终止，是 Bun 入门实战的绝佳项目。
-
TypeScript 实现 Rust 风格的模式匹配：优雅的条件分支处理
借鉴 Rust 的 match 语法，在 TypeScript 中实现类型安全的模式匹配工具，让复杂的条件判断代码更加清晰和优雅。
-
Bun 实现静态文件服务器：支持目录浏览的完整方案
利用 Bun 的高性能特性和 EJS 模板引擎，打造支持文件浏览、目录导航的静态资源托管服务器，轻量级的本地开发利器。
-
Bun + WebRTC 打造实时直播平台：从信令服务到屏幕共享
使用 Bun 构建 WebSocket 信令服务器，结合 WebRTC 技术实现屏幕共享直播、弹幕互动等功能，完整的 P2P 视频流传输解决方案。
-
CSS Grid + nth-child：极简实现搜索表单展开收起
利用 CSS Grid 布局和 nth-child 选择器，无需复杂 JavaScript 即可实现表格查询表单的展开收起功能，代码简洁优雅。
-
Vue3 + iframe 优雅通讯方案：基于 PostMessage 和 Mitt 的实现
封装 postMessage 通讯机制，结合 mitt 事件总线和 Promise 风格，在 Vue3 中打造类型安全、易于维护的 iframe 跨窗口通讯解决方案。
-
React 服务式组件实现：基于 ReactDOM.createRoot 的 Loading 方案
使用 React 18 的 createRoot API 实现函数式调用的 Loading 组件，支持多次调用计数管理，让全局状态管理更加优雅。
-
Vue3 模板复用新思路：useReusableTemplate 实战
借鉴 Angular 的模板复用思想，通过自定义 Hook 在 Vue3 中实现无需封装组件即可复用模板代码，让代码更简洁、更灵活。
-
Angular 自定义 Webpack 配置：扩展构建能力实战指南
使用 @angular-builders/custom-webpack 突破 Angular CLI 的限制，自定义 Webpack 配置，添加 loader 和插件，满足项目的个性化构建需求。