04-12 15:20 门头沟学院 前端工程师 发布于江苏
关注
跑一个案例，跑起来
#现在入门AI首先要做什么？#
前端入门 AI，第一步不是啃算法，而是先用 API 做一个带 AI 功能的页面。
🎯 首选动作：跑通一个 AI 对话页
用你最熟的 React/Vue + TS 写个简单页面，调用大模型聊天 API（如 DeepSeek、通义千问），实现一问一答加流式输出（逐字打印）。别纠结原理，先让页面“能动”。
📝 边做边补三块知识
• API 调用与安全：会用 fetch/axios 发请求，解析返回的 JSON。切记 API Key 要走后端代理，别硬编码在前端。
• Prompt 工程：学怎么写指令能让模型听话（角色设定、格式约束），比死记理论更有用。
• 交互体验：做好 loading、错误兜底、流式渲染，这才是前端的核心价值。
🧭 下一步方向
这个 demo 跑顺后，再考虑：
1. 上框架：用 LangChain.js 串起多步逻辑。
2. 加知识库：简单了解 RAG（检索增强）做文档问答。
💡 先做应用层，再慢慢往下探，别一开始就扎进 Transformer 数学细节。
前端入门 AI，第一步不是啃算法，而是先用 API 做一个带 AI 功能的页面。
🎯 首选动作：跑通一个 AI 对话页
用你最熟的 React/Vue + TS 写个简单页面，调用大模型聊天 API（如 DeepSeek、通义千问），实现一问一答加流式输出（逐字打印）。别纠结原理，先让页面“能动”。
📝 边做边补三块知识
• API 调用与安全：会用 fetch/axios 发请求，解析返回的 JSON。切记 API Key 要走后端代理，别硬编码在前端。
• Prompt 工程：学怎么写指令能让模型听话（角色设定、格式约束），比死记理论更有用。
• 交互体验：做好 loading、错误兜底、流式渲染，这才是前端的核心价值。
🧭 下一步方向
这个 demo 跑顺后，再考虑：
1. 上框架：用 LangChain.js 串起多步逻辑。
2. 加知识库：简单了解 RAG（检索增强）做文档问答。
💡 先做应用层，再慢慢往下探，别一开始就扎进 Transformer 数学细节。
全部评论
相关推荐
点赞 评论 收藏
分享
03-19 17:53
武汉大学 算法工程师 
暴杀流调参工作者：春招又试了一些岗位，现在投递很有意思，不仅要精心准备简历，投递官网还得把自己写的东西一条一条复制上去，阿里更是各个bu都有自己的官网，重复操作无数次，投完简历卡完学历了，又该写性格测评、能力测评，写完了又要写专业笔试，最近还有些公司搞了AI辅助编程笔试，有些还有AI面试，对着机器人话也听不明白录屏硬说，终于到了人工面试又要一二三四面，小组成员面主管面部门主管面hr面，次次都没出错机会，稍有不慎就是挂。
卡学历卡项目卡论文卡实习什么都卡，没有不卡的😂 点赞 评论 收藏
分享
查看3道真题和解析