本仓库收录了多种前端及全栈技术的实战示例,旨在帮助开发者快速了解和上手不同技术栈的核心用法。每个子项目均配有详细说明文档,欢迎查阅和实践。
1. ai-chat
基于 Node.js 的流式响应聊天应用,演示前后端流式数据处理与实时聊天界面实现。
2. astro
使用 Astro 框架搭建的现代化静态博客网站,适合内容型网站快速开发。
基于 Electron 的跨平台桌面应用开发入门示例,涵盖窗口管理与生命周期。
前端脚手架工具开发流程详解,包含脚手架原理、开发流程与常用工具。
5. GSAP 动画 Demo
基于 GSAP 的动画效果演示,适合学习现代网页动画开发。
6. Nginx 配置与使用
Nginx 配置文件、常用场景、日志管理等详细文档,适合 Web 服务部署参考。
7. 原生 HTML 组件化
原生 JavaScript 实现的 HTML 组件化开发方案,包含 <object>
与 fetch
动态加载两种方式。
基于 Svelte 框架的待办事项应用,适合新手学习 Svelte 组件化与状态管理。
9. Umi 框架 Demo
基于 Umi 的前端项目示例,展示路由配置与工程化实践。
10. Vite 相关项目
- Vite + Nginx + Docker 部署流程:完整演示前端项目生产部署。
- Vue3 + Vite 学习项目:Vue3 结合 Vite 的开发实践。
Webpack 5 搭建 React 19 项目指南,涵盖配置、打包与代码分割。
12. 游戏
营销游戏 老虎机大转盘摇摇乐