WebTransport 协议
使用 WebTransport 替代 WebSocket，降低队头阻塞，实现多路复用。
Docusaurus 文档站
使用 Meta 开源的 Docusaurus 快速构建美观、响应式的技术文档网站。
Tauri 轻量桌面应用
使用 Tauri 构建比 Electron 更小、更快的桌面应用，前端可用任何框架，后端基于 Rust。
跨平台桌面 Electron
使用 HTML、CSS 和 JavaScript 构建 Windows、macOS、Linux 桌面软件，掌握主进程与渲染进程通信。
Service Worker 缓存
使用 Service Worker 和 Workbox 实现 Cache First、Network First 等缓存策略，打造离线应用。
Webpack Bundle 分析
使用 webpack-bundle-analyzer 等工具分析打包产物，找出大模块进行优化。
Tree Shaking 去除无用代码
理解 Tree-shaking 原理，利用 ES 模块静态结构配合打包工具删除未引用的代码。
Lighthouse 性能审计
使用 Chrome Lighthouse 生成网站性能报告，解读各指标并遵循建议优化站点。
Storybook 组件文档
搭建 Storybook 环境，为组件编写故事，实现可视化开发、交互测试与自动生成文档。
lint-staged 提交检查
结合 Husky 使用 lint-staged，仅对 Git 暂存区的文件运行检查，大幅提升预提交速度。
Husky Git Hooks
使用 Husky 配置 Git 钩子，在提交或推送前自动运行 lint、format 或测试，防止错误入库。
Prettier 代码格式化
使用 Prettier 自动格式化代码，配合编辑器集成和 pre-commit 钩子保证团队风格统一。
前端构建工具 Webpack
理解 Webpack 核心概念，配置 entry、output、loader 和 plugin，实现现代前端工程打包。
Alpine.js 轻量交互
在 HTML 中直接添加交互，使用 x-data、x-bind 等指令，无需复杂构建即可增强页面。
SvelteKit 全栈应用
基于 SvelteKit 快速开发全栈应用，利用文件路由、服务器加载函数和多种部署适配。
RxJS 响应式编程
掌握 RxJS 核心概念，使用创建、过滤、转换操作符组合异步数据流，尤其适用于 Angular。
Angular Material 组件
使用 Angular Material 预置的表格、表单、对话框和导航组件，快速搭建专业界面。