前端工程师的 AI 实战课
柳博文
ABB 高级研发工程师,前阿里前端算法工程师
28 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已更新 3 讲/共 27 讲
前端工程师的 AI 实战课
15
15
1.0x
00:00/00:00
登录|注册

01|工欲善其事:课程中用到的NodeJS与React

你好,我是柳博文。欢迎和我一起学习前端工程师的 AI 实战课。
从这节课开始,我们就正式进入这门课程的学习了,正如开篇词说的那样,课程整体更加注重实践。我将和你一起学习 AI 结合前端的创新实践,并动手完成最小化的可运行实例,让你切身感受到 AI 在前端领域的魅力和巨大潜力。
在后续的实践过程中,我们不仅要用 AI 的原理知识和技术,为了完成工程链路的部分,还需要选择出恰当的前端框架和工程链路开发工具,课程里会用到 React(^18.0.0) 以及 NodeJS(^20.15.1)。因为课程的核心主题是 AI+ 前端,所以,今天我们先来了解一下后续会用到的相关知识和技术算法。

课前准备 / 框架选择

课程中我选择了 React-18 作为实践部分的前端框架。众所周知,React 和 Vue 是国内使用占比较高的框架。
同时,课程实践部分涉及到代码的自动生成。因此,文件的操作是必不可少的,需要用到具有服务器开发功能的库或者框架。那么,选择 NodeJS 就再合适不过了。
至于前端框架和实现工程链路的库,你可以使用自己更合熟悉和擅长的框架,不必拘泥于 React 和 NodeJS,课程讲解的是一些创新的想法和解决方案的实践。但使用和课程同样的技术框架和库会更加省心和方便。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
  • 解释
  • 总结

1. React是一个能够高效构建动态用户界面的JavaScript库,采用声明式编程、组件化、虚拟DOM和单向数据流等重要设计。 2. Node.js是一个开源的跨平台JavaScript运行时环境,提供异步I/O原语和模块系统支持CommonJS规范。 3. 使用FS模块实现文件变化更新时,可以选择fs.watchFile或fs.watch方法,其中fs.watch性能通常优于fs.watchFile,但在某些操作系统上可能不可用或表现不一致。 4. MD5算法可以高效、快速地检测文件内容的变化,而无需对文件本身进行全面的读取和比较。 5. React的设计使得其能够快速高效地实现高性能的前端页面,尤其是庞大的SPA(single page application)应用。 6. Node.js的FS模块功能强大,使用频率高,可以很好地监听文件内容的变化。 7. MD5算法是一种广泛使用的哈希函数,通常用于文件校验、数字签名等领域。 8. Hash算法的设计目标是使得不同的输入产生不同的哈希值,并且从哈希值几乎无法反推出原始输入(即“单向性”)。 9. Fiber算法的出现将渲染工作分割成小的单位,实现任务的中断、重用和优先级排序,极大提高了React应用的运行时性能。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《前端工程师的 AI 实战课》
新⼈⾸单¥59
立即购买
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
显示
设置
留言
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部
文章页面操作
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
退出全屏
⬅️
⬅️
快退
➡️
➡️
快进
空格
空格
视频播放/暂停(视频全屏时生效)