Project2：Data Processor

相关学习

level 1：表示最少预习内容 level 2：表示课程需要学会的东西 level 3：表示课外知识

项目地址：
- Swagger DEMO：https://github.com/FE-star/Plan-2022/tree/main/nest-swagger level3（为了模拟Java Swagger的DEMO，用Node写是为了让大家看得懂Swagger在干嘛）
- GraphQL DEMO：https://github.com/FE-star/Plan-2022/tree/main/nest-graphql level3（为了演示GraphQL对比Restful API好处，但是可能较难推动后端实施，其实前端实施也不失为好方案）
- Data Processor：https://github.com/FE-star/Plan-2022/tree/main/data-processor （BFF层数据处理项目，课程主项目，用于数据合并裁剪，支持GRPC，HTTP大家想想怎么实现？）
- 用于当作数据源的微服务：https://github.com/FE-star/activity-micro-service
Swagger & OpenAPI
- Swagger是什么？：https://www.zhihu.com/question/63803795 level 1 （大概看看了解一下Swagger）
- Swagger Editor & Swagger Hub：https://swagger.io/tools/swagger-editor/ level3 （解决协同开发问题）
GraphQL
- https://www.redhat.com/zh/topics/api/what-is-graphql level1(这个是介绍文章)
- https://hasura.io/learn/zh/graphql/intro-graphql/graphql-server/ level2(这是简化的文档，看这个上面👆不用看)
- https://graphql.cn/learn/ level3 (这是翻译后的官方文档，看这个上面👆都不用看)
BFF
AJAX & fetch
- https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX level1 （大概了解一下API）
- https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest level1（大概了解一下API）
- https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API level1（大概了解一下API）
- 思考：有 xhr 为什么还要 fetch？level2
- 扩展：了解 https://github.com/axios/axios 的实现 level3（有时间可以看看）
异步流程控制
- callback
- 了解一下回调和回调地狱 http://callbackhell.com/ level1
- Promise + async/await
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise level1
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function level1
- callbackify & promisify
- 思考一下：如何实现 callback 和 promise 的互相转换 level3
- https://nodejs.org/dist/latest-v9.x/docs/api/util.html#util_util_callbackify_original level1
- https://nodejs.org/dist/latest-v9.x/docs/api/util.html#util_util_promisify_original level1
- https://github.com/nodejs/node/blob/e3d05a61215b2958cc1951759e08e816b35f5027/lib/internal/util.js#L255-L290 level3
- https://github.com/nodejs/node/blob/e3d05a61215b2958cc1951759e08e816b35f5027/lib/util.js#L370-L395 level3
- Generator + function* level3（正常情况用不到，应该也没有面试官会问怎么用generator实现async function polyfill，遇到就跟他说没实现过）
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Generator
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/function%2A
- RxJS
- https://rxjs-dev.firebaseapp.com/ level3
- https://juejin.cn/post/7018006694051446820 level2

FE-star / Plan-2022

Project2：Data Processor #3

相关学习

题外话