跟月影学前端智能体开发
月影
波波熊科技联合创始人
1875 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已更新 17 讲/共 40 讲
跟月影学前端智能体开发
15
15
1.0x
00:00/00:00
登录|注册

14|项目实战:使用Ling框架重构拍照记单词

你好,我是月影。
在前面两节课中,我们深入学习了 Ling 框架的实现细节。
在这一节课中,我们就通过实战例子,稍微带你熟悉一下 Ling 的一些高级用法,也让你对 Ling 的能力有一个更直观的认识。
这是第二单元的最后一节必学课,下一章开始,我们就要进入更系统的项目实战单元了。在项目实战单元中,我们会面对更多技术挑战,通过解决这些实际问题,相信那时你也会对 Ling 框架有更深刻的理解。

回顾:拍照记单词

还记得我们之前在第 6 节课创建的应用拍照记单词吗?
那时候,我们直接以非流式请求的方式来获取数据,并将数据渲染到页面上。
这么做是有效的,但是从前端用户交互的角度来说,它还是会需要一些用户等待时间。从产品体验的角度来看,效果上不是最好的。

使用 Ling 重构

现在我们来通过对它进行 Ling 框架重构,看看能否有效降低用户等待时间,达到比较好的效果。
我们用 Trae 创建一个项目 Capture the Word Ling。
首先安装依赖项。
pnpm i jiti dotenv express border-parser @bearbobo/ling jsonuri
pnpm i -D @types/express @types/body-parser
随后创建配置文件 .env.local。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
  • 解释
  • 总结

1. Ling框架的实现细节深入学习 2. Ling框架的高级用法实战例子 3. 增加语音阅读功能 4. Ling框架的优势在复杂业务工作流中的应用 5. Ling框架的交互效果改进 6. Ling框架的实际项目应用价值 7. Ling框架的异步请求处理方法 8. Ling框架的音频功能实现 9. Ling框架的课后练习建议

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《跟月影学前端智能体开发》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(1)

  • 最新
  • 精选
  • GKNick
    安装依赖项这里,写错了,应该是body-parser,而不是 border-parser
    2025-05-07归属地:浙江
收起评论
显示
设置
留言
1
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部
文章页面操作
MAC
windows
作用
esc
esc
退出沉浸式阅读
shift + f
f11
进入/退出沉浸式
command + ⬆️
home
滚动到页面顶部
command + ⬇️
end
滚动到页面底部
⬅️ (仅针对订阅)
⬅️ (仅针对订阅)
上一篇
➡️ (仅针对订阅)
➡️ (仅针对订阅)
下一篇
command + j
page up
向下滚动一屏
command + k
page down
向上滚动一屏
p
p
音频播放/暂停
j
j
向下滚动一点
k
k
向上滚动一点
空格
空格
向下滚动一屏
播放器操作
MAC
windows
作用
esc
esc
退出全屏
⬅️
⬅️
快退
➡️
➡️
快进
空格
空格
视频播放/暂停(视频全屏时生效)