{"id":16918204,"url":"https://github.com/eve-sama/meta-qingflow","last_synced_at":"2025-11-01T11:02:55.089Z","repository":{"id":111942608,"uuid":"351374784","full_name":"Eve-Sama/meta-qingflow","owner":"Eve-Sama","description":"轻流前端新人成长平台(研发中...)","archived":false,"fork":false,"pushed_at":"2022-05-23T08:54:59.000Z","size":1577,"stargazers_count":4,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T16:31:44.782Z","etag":null,"topics":["angular","qingflow"],"latest_commit_sha":null,"homepage":"https://eve-sama.github.io/meta-qingflow","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Eve-Sama.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-25T09:16:42.000Z","updated_at":"2022-07-27T06:10:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"c1249a29-57ea-483e-b542-55eaab104019","html_url":"https://github.com/Eve-Sama/meta-qingflow","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fmeta-qingflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fmeta-qingflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fmeta-qingflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fmeta-qingflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Eve-Sama","download_url":"https://codeload.github.com/Eve-Sama/meta-qingflow/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248441298,"owners_count":21103960,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","qingflow"],"created_at":"2024-10-13T19:39:14.863Z","updated_at":"2025-11-01T11:02:50.049Z","avatar_url":"https://github.com/Eve-Sama.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 简介\n\n在2021年, `元数据`火了一把, 在这里我想借用`meta`的概念指代新人. 尽管我们公司研发部门的流动率几乎为0, 但新人依旧是我们业务快速发展的必要保障. 因此, `meta-qingflow`就是为了培养那些即将为轻流业务保驾护航的同学而准备的.\n\n## 背景\n\n当一个新的前端同学入职的时候, 如果没有Angular使用经验, 那么难免要经历从0-1学习Angular的痛苦. 但是深度使用过Angular的人都知道, 虽然Angular大而全, 但是就日常开发而言, 常用的API其实并不多. 很多API需要使用时再查也不是问题. 但根据我们多次观察新人成长过程的结果来看, 最难最难的是从0-0.5的过程. 也就是, 知道那些非常非常常用的API的过程. 当新人打开官网的时候, 大而全的官网不会告诉你哪些是高频使用的, 他只是像一本字典一样任由新人随意地翻着. 同理, 还有哪些UI组件是常用的? 哪些Git命令是常用的? 等等等等.\n\n因此, 本项目立项时便有着很高的抽象度与长远的畅想. 短期目标, 是服务于轻流的前端部门, 长期来看, 在未来希望能够帮到那些使用Angular但同时也在饱受培养新人高成本的那些公司.\n\n## 使用\n\n首先你需要clone本仓库\n\n```bash\ngit clone git@github.com:Eve-Sama/meta-qingflow.git\n```\n在使用`NPM`、`Yarn`等工具安装依赖后\n```bash\nnpm start\n```\n即可将项目跑起来. 之后点击开始挑战即可进入练习.\n\n![][首页]\n\n之后你可以点击左侧菜单栏, 我们将之称为`任务`, 每个任务都会包含四个部分\n - 描述: 给定一些场景, 下发任务内容\n - 预期表现: 也就是标准答案, 在这边你可以感受正确的结果\n - 作答区域: 在这边则是一个预设好的答题卷(一个未完成的组件), 你需要打开这个组件编写代码以完成任务\n - 题解: 有些题目会自带题解, 给你一点线索. 在你有需要的时候可以参考\n\n![][做题]\n那么如何找到答案呢? 注意看url的地址, 如`https://eve-sama.github.io/meta-qingflow/task/00`, 结尾是`00`, 那么这个就是题目的id.\n\n你只需要打开VSC搜索文件`question-00`, 即可找到你需要完成的组件, 在这个组件中, 代码的修改都会立刻表现在网页上. 当你完成任务想要与标准答案对比时, 可以搜索`answer-00`, 即可找到`预期表现`中的组件. \n\n随着不停地过关斩将, 你将了解到非常常用的API. 可以说, 掌握这些题目里面的招式, 足够你应付日常业务. 当你终结最后一题时, 你将如剑入鞘般自信, 可以开始尝试接触正式的轻流业务了.\n\n## 新增题目\n\n如果你想要对本项目的题库进行修改, 你完全不需要了解本项目的架构, **注意, 是完全一丁点都不需要**. 我已经为你编写好了`Schematics`用于快速创建题目. 你只需要执行以下命令即可\n```bash\nnpm run add\n```\n\n接下来你只需要根据问答情况输入即可. 之后, Schematics会自动对项目做出代码修改. \n![][npm run add]\n\n需要你重点关注一下`QAA.config.ts`这个文件, 打开这个文件, 你会发现它已经做出了许多的代码变更, 你需要注意和菜单有关的变更. 默认会为你添加到第一个一级菜单当中, 你可以手动将新增内容拷贝至合适的菜单项.\n```diff\nexport const MenuList: TaskMenu[] = [\n  {\n    title: '一级菜单',\n    children: [\n+     {\n+       id: '19',\n+       question: Question19Component,\n+       answer: Answer19Component,\n+       title: '未命名',\n+       analyse: true,\n+     },\n      {\n        id: '00',\n        question: Question00Component,\n        answer: Answer00Component,\n        title: 'ngIf',\n        analyse: true,\n      },\n    ],\n  },\n];\n```\n\n此刻, 新的一道题目就已经全自然设置好了, 并且渲染在了网页上了.\n\n![][添加demo]\n\n接下来你只需要完善题目即可.\n\n - 想要完善18号任务的描述? 搜索`describe/18.md`\n - 想要完善18号任务的题解? 搜索`analyse/18.md`\n - 想要完善18号任务的预期表现? 搜索`answer-18.component`\n - 想要完善18号任务的答题区域? 搜索`question-18.component`\n\n## The future\n\n因为平时比较忙(比如打英雄联盟、和平精英、QQ飞车等), 不一定有时间开发. 现阶段先只是确保基本题库的正常使用, 更多功能还在开发中. \n\n- [x] 使用Angular Schematics全自动化自动新增任务\n- [ ] 完成所有任务的出题\n- [ ] 将知识点再次分层, 分为初级、进阶、高级等多个不同level\n- [ ] 文章推荐: 可以推荐各个不同层次的文章, 但是肯定不是简单列出来, 需要思考如何与项目更好地结合\n- [ ] 水平测验: 能够通过平台实现答题功能, 新人可以通过答题来检验是否知识点是否掌握牢固\n- [ ] 能够接入codesandbox等平台, 实现在线coding(可能意义不大, 还在考虑)\n\n[首页]:https://file.qingflow.com/uploads/file/b49395ce-d31e-42a8-bccc-6f0b774fb106.png\n[做题]:https://file.qingflow.com/uploads/file/8373b7e6-4221-48b8-81f3-a4c24e0f4406.png\n[描述]:https://file.qingflow.com/uploads/file/d4f5138b-7fae-4dc5-a782-84499bdd34da.png\n[npm run add]:https://file.qingflow.com/uploads/file/35d7cb7d-fd8b-406f-ac98-c162da237f3b.png\n[添加demo]:https://file.qingflow.com/uploads/file/308df60d-1b08-4cb2-976d-23212495409e.png","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feve-sama%2Fmeta-qingflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feve-sama%2Fmeta-qingflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feve-sama%2Fmeta-qingflow/lists"}