AI编程-网站概念知识

前端:能把页面做出来,并能调接口

HTML

  • DOM
  • div
  • span

CSS

  • 布局方式

JavaScript

  • 异步:async,await,Promise

前端框架

  • Vue 3
    • 状态管理
  • React

前端工程化

  • 包管理:npm/pnpm
  • 构建工具:Vite

后端:能写 API,能连数据库

NodeJS

TypeScript

Web框架

  • Express
  • NestJS

REST API

  • 协议
  • URL
  • 端口
  • GET / POST / PUT / DELETE
  • 请求参数(query / body)
  • 返回 JSON
  • HTTP 状态码(200 / 400 / 401 / 500)

数据库:会建表,会 CRUD

PostgreSQL

MySQL

数据库知识

  • 表 / 行 / 列
  • 主键(id)
  • 基础字段类型(int / varchar / datetime)
  • CRUD SQL
  • 索引(只学:给 id / 常查字段加)
  • 外键(知道就行)

ORM

  • Prisma
  • TypeORM

前后端协作规范:接口 + 鉴权

接口文档

  • Swagger / OpenAPI

跨域 & 环境

  • CORS 是什么
  • 本地 / 线上 API 地址区分

错误处理统一

  • 后端统一返回格式
  • 前端统一处理异常

接入第三方

  • 登录类(微信 / GitHub / Google)
    • JWT
    • OAuth
    • SSO
    • openid/unionid
    • 内网穿透?
  • 支付类(微信支付 / 支付宝 / Stripe)
    • Webhook
    • 验签
    • 幂等
  • AI 类(文本 / 图片 / 语音)
    • 限流设计
    • 审计调用
    • 异步队列设计,轮询
  • 对象存储(OSS / COS / S3)
    • Bucket
    • Object
    • STS/Policy/Signature;临时密钥/CAM/postObject;PreSigned URL/IAM/PUT Object
    • CDN
    • 防刷,防盗链
  • 消息类(短信 / 邮件)
    • SendGrid、Amazon SES

能力要求:

  • 看懂第三方 API 文档
  • 用后端安全地调用 API / SDK
  • 管理密钥(Key / Secret)
  • 处理回调(Webhook)
  • 做异常兜底(失败、超时、限流)

上线部署

  • Docker
    • 镜像、容器、Dockerfile,Volumn、Compose
  • 云服务器
    • ECS/CVM/EC2
    • 反向代理,nginx,Caddy
  • 域名
    • 负载均衡
    • 容灾

AI 编程实战案例

  • AI学习系统项目(前后端分离架构)