AI Maker🤖 全栈开发指南
网站类型
网站是互联网上的一种服务形式，它通过浏览器访问，可以展示信息、提供服务、进行交易等。网站由多个网页组成，每个网页都有自己的URL，通过超链接相互连接。网站通常使用HTML、CSS和JavaScript等技术开发，并托管在服务器上。
但是作为AI开发，我们不需要掌握网站开发技术，但是要知道什么样的网站我们能做，什么样的网站我们不能做。
传统网站开发技术栈
1. 静态网站（Static Site）
| 类别 | 说明 |
|---|---|
| 技术栈 | HTML + CSS + JavaScript（纯前端） |
| 特点 | 内容固定不变，适合个人简历、产品手册等场景。每次访问都返回相同的 HTML 文件。 |
| 优点 | 速度快，因为服务器直接返回 HTML，无需计算。成本低，可以托管在 GitHub Pages、Netlify 等免费平台。 |
| 缺点 | 无法动态交互，不支持用户登录、实时数据等功能。内容更新需手动修改代码，不适合频繁更新的场景。 |
| 案例 | • 个人博客：Viggo's Blog • 公司官网：Apple • 文档网站：MDN Web Docs |
2. 动态网站（Dynamic Site）
| 类别 | 说明 |
|---|---|
| 技术栈 | 后端语言（如 PHP、Python、Node.js） + 数据库（如 MySQL、MongoDB） + 前端框架（如 React、Vue） |
| 特点 | 内容动态生成，适合电商、社交平台等场景。每次访问时，服务器会根据用户请求实时生成 HTML。 |
| 优点 | 支持丰富的用户交互功能，包括登录、评论、购物车等。内容可以实时更新，直接从数据库读取最新数据。 |
| 缺点 | 配置复杂，需要搭建后端、数据库和API。性能相对较低，因为每次请求都需要服务器处理。SEO效果不佳，搜索引擎可能抓取不到动态生成的内容。 |
| 案例 | • 社交平台：Twitter • 电商网站：Amazon • 在线教育：Coursera |
工具网站类型分析
1. 纯前端工具（完全不需要后端）
| 计算类工具 | 开发辅助工具 | 文本处理工具 |
|---|---|---|
| 科学计算器 | 随机密码生成 | 文本差异对比 |
| 体重指数计算 | 代码格式美化 | 文本字数统计 |
| 年龄日期计算 | 正则表达式测试 | 文本加密解密 |
| 单位换算工具 | JSON格式编辑 | 特殊符号大全 |
| 贷款利率计算 | CSS样式生成 | 代码语法高亮 |
| 面积体积计算 | HTML转义工具 | 文本排版美化 |
| 营养卡路里计算 | 代码对比工具 | |
| 比例换算工具 | 颜色代码选择 | |
| 几何图形计算 | Base64编解码 | |
| URL编解码转换 |