Project2：Data Processor

[miniflycn]

相关学习

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

[miniflycn]

题外话

• 如果后端是Java建议跟他们协商一下支持Swagger，这样就可以通过接口生成文档，方便前后端连调。
• GraphQL挺好，但是要看场景，如果场景是一个非登陆也应该能拉取的接口，不太建议使用GraphQL，因为这样的接口可能会被爬虫骚扰