Node.js与前端开发实战 | 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第9天
在以前我还在想，前端开发者需不需要去学习一门后端语言，今天我接触到了node.js，我发现前端也是需要学习后端的，node.js就解决了这一点，让我们来看看吧
Node.js的应用场景
Node.js的应用场景
01、前端工程化
03、Electron跨端桌面应用
Node.js的应用场景-前端工程化
- Bundle:webpack,vite,esbuild,parcel
- Uglify:uglifyhs
- Transpile:bablejs,typescript
- 其他语言加入竞争：esbuild,parcel,prisma
- 现状：难以替代
Node.js的应用场景-Web服务端应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常用的编译语言
- 社区生态丰富及工具链成熟（npm,V8 inspector）
- 与前端结合的场景会有优势（SSR）
- 现状:竞争激烈，Node.js有自己独特的优势
Node.js的应用场景-Electron跨端桌面应用
- 商业应用：vscode,slack,discord,zoom
- 大型公司内的效率工具
- 现状：大部分场景在选型时，都值得考虑
Node.js运行时结构
特点
01、异步I/O
02、单线程
03、跨平台
Node.js运行时结构-V8,libuv
- V8:JavaScript Runtime,诊断调试工具（inspector）
- libuv:eventloop(事件循环),syscall(系统调用)
- 举例：用node-fetch发起请求时
Node.js运行时结构-异步I/O
当Node.js执行I/O操作时，会在相应返回后恢复操作，而不是阻塞线程并占用额外内存等待
Node.js运行时结构-单线程
JS单线程
实际:JS线程+uv线程池+V8任务线程池+V8 inspector线程
优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用系统资源
缺点：阻塞会产生更多负面影响
- 解决方法：多进程或多线程
Node.js运行时结构-跨平台
- 跨平台（大部分功能，api）
- Node.js跨平台+JS无需编译环境（+Web跨平台+诊断工具跨平台）
- +开发成本低（大部分场景无需担心跨平台问题），整体学习成本低
编写HTTP Sereve
编写HTTP Sereve-HTTP Sereve
hello
const http =require('http')
const port = 3000
const server = http.createSever((req,res) =>{res.end('hllo')
})
server.listen(port, () => {
console.log(`server listens on: ${port}`)
})
编写HTTP Sereve-Promisify
用Promise + async await重写
技巧：将callback转换成promise
function wait(t) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve()
}, t)
})
}
wait(1000).then(() => { console.log('get called') })
延伸话题
延伸话题-Node.js贡献代码
好处：
- 从使用者的角色逐步理解底层细节，可以解决更发复杂的问题；
- 自我证明，有助于职业发展；
- 解决社区问题，促进社区发展；
难点：
需要花费大量时间去做
延伸话题-编译Node.js
为什么要学习编译Node.js
- 认知：黑盒到白盒，发生问题时能有迹可循
- 贡献代码的第一步
延伸话题 - 诊断/追踪
诊断是一个低频、重要同时也相当有挑战的方向。是企业衡量自己能否依赖一门语言的重要参考。
技术咨询行业中的热门角色。
难点：
- 需要了解Node.js底层，需要了解操作系统以及各种工具
- 需要经验
总结
Node.js具有独特的优势，因为学习JavaScript的前端开发者无需学习其他语言，就可以编写服务器代码，进而降低了学习的门槛。对于前端学习者来说Node.js，实现全栈开发，还是很必要的，让我们一起加油吧。
学到这我想大家也对Node.js有了初步的认识了吧，不如现在就开始动手练习练习吧
如果你有任何建议都可以在评论区留言，或发电子邮箱，欢迎大家评论留言(ˆ⌣ˆ）
作者：Yifan
日期：2022年7月24日
电子邮箱：1279640748@qq.com
