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 生成网站性能报告,解读各指标并遵循建议优化站点。
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 预置的表格、表单、对话框和导航组件,快速搭建专业界面。
Nuxt.js 服务端渲染
基于 Nuxt 构建 Vue 应用,利用服务端渲染、静态生成和模块系统提高开发效率与 SEO。
Pinia 状态管理
使用 Pinia 定义 Store,通过 setup 风格或选项风格管理全局状态,并集成 Devtools。
Vue Router 路由管理
配置 Vue Router 实现页面跳转、动态匹配和全局/独享守卫,构建完善的 SPA 导航体系。
Gatsby 静态站点生成
基于 Gatsby 和 GraphQL 数据层构建超快静态网站,利用丰富插件处理 Markdown 和图片。
Next.js 服务端渲染
使用 Next.js 构建 SEO 友好的 React 应用,掌握静态生成、服务端渲染和文件系统路由。
Context API 与状态提升
掌握 Context 的创建与消费,结合 useReducer 实现无需第三方库的全局状态管理。