{"id":13490824,"url":"https://github.com/KieSun/awesome-frontend-source-interpretation","last_synced_at":"2025-03-28T07:31:30.047Z","repository":{"id":41526802,"uuid":"179946292","full_name":"KieSun/awesome-frontend-source-interpretation","owner":"KieSun","description":"从源码层面，剖析前端主流技术的底层实现原理。","archived":false,"fork":false,"pushed_at":"2021-09-05T13:06:12.000Z","size":143866,"stargazers_count":1286,"open_issues_count":1,"forks_count":331,"subscribers_count":43,"default_branch":"master","last_synced_at":"2024-10-29T20:51:01.192Z","etag":null,"topics":["javascript","react"],"latest_commit_sha":null,"homepage":"https://yuchengkai.cn/react/","language":"JavaScript","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/KieSun.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}},"created_at":"2019-04-07T09:53:52.000Z","updated_at":"2024-10-15T06:08:35.000Z","dependencies_parsed_at":"2022-08-10T02:35:37.194Z","dependency_job_id":null,"html_url":"https://github.com/KieSun/awesome-frontend-source-interpretation","commit_stats":null,"previous_names":[],"tags_count":116,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Fawesome-frontend-source-interpretation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Fawesome-frontend-source-interpretation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Fawesome-frontend-source-interpretation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Fawesome-frontend-source-interpretation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KieSun","download_url":"https://codeload.github.com/KieSun/awesome-frontend-source-interpretation/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245814706,"owners_count":20676808,"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":["javascript","react"],"created_at":"2024-07-31T19:00:51.261Z","updated_at":"2025-03-28T07:31:30.018Z","avatar_url":"https://github.com/KieSun.png","language":"JavaScript","funding_links":[],"categories":["优质仓库","JavaScript"],"sub_categories":[],"readme":"![Hy1qYI](./universe.jpeg)\n\n\u003cp align='center'\u003e\n\u003cimg src=\"https://img.shields.io/badge/Total%20Reading-1.6M-success\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Total%20Word%20Count-15328-success\"\u003e\n\u003cimg src=\"https://visitor-badge.laobi.icu/badge?page_id=KieSun.awesome-frontend-source-interpretation\" alt=\"visitor badge\"/\u003e  \n\u003c/p\u003e\n\n都说阅读开源框架源代码技术成长会很快，因此我也尝试阅读一些前端领域中感兴趣的源码并对其内容做详细的分析，就像人类探索宇宙一般，不断探索及学习。\n\n在这个仓库里我会将自己阅读源码的心得记录下来，希望对各位读者有所帮助。本仓库会经常更新，如果想关注的话可以点 star 以及 watch 支持我。\n\n另外大家也可以关注【[公众号](#个人信息)】获取最新内容或者加我【[微信](#个人信息)】提意见。\n\n## 目录\n\n### 近期更新\n\n1. swr\n2. react 原理\n\n### 微前端\n\n- [保姆级从零到一手把手教你造一个企业级微前端框架](./article/micro/微前端.md)\n\n### 框架全家桶\n\n| 项目  | 版本   | \u003cdiv style=\"width:500px\"\u003e文章列表     |\n|:-------:|:-------:|:------|\n| React | 17.0.1 | [不要读源码](./article/react/不要读源码.md)\u003c/br\u003e[如何调试 react 源码](./article/react/如何调试%20react%20源码.md)\u003c/br\u003e[fiber](./article/react/fiber.md)\u003c/br\u003e[Virtual Dom](./article/react/Virtual%20Dom.md) |\n|       | 16.8.6 | [热身篇](https://github.com/KieSun/learn-react-essence/blob/master/%E7%83%AD%E8%BA%AB%E7%AF%87.md)\u003c/br\u003e[render 流程（一）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%B8%80%EF%BC%89.md)\u003c/br\u003e[render 流程（二）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%BA%8C%EF%BC%89.md)\u003c/br\u003e[调度原理](https://github.com/KieSun/learn-react-essence/blob/master/%E8%B0%83%E5%BA%A6%E5%8E%9F%E7%90%86.md)\u003c/br\u003e[组件更新流程一（调度任务）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%B8%80%EF%BC%88%E8%B0%83%E5%BA%A6%E4%BB%BB%E5%8A%A1%EF%BC%89.md)\u003c/br\u003e[组件更新流程二（diff 策略）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%BA%8C%EF%BC%88diff%20%E7%AD%96%E7%95%A5%EF%BC%89.md) |\n| Redux | 久远   | [源码解析](./article/react/Redux%20源码深度解析.md)            |\n| Vue | 2.x   | [响应式原理](./article/vue/响应式原理.md)            |\n| VueRouter | 久远   | [源码解析](./article/vue/VueRouter%20源码深度解析.md)            |\n| Vuex | 久远   | [源码解析](./article/vue/Vuex%20源码深度解析.md)            |\n\n## 个人信息\n\n| 微信扫码关注公众号，订阅更多精彩内容                                                                 | 加笔者微信进群与大厂大佬讨论技术                                                                    |\n| ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |\n| \u003cimg src=\"https://yck-1254263422.cos.ap-shanghai.myqcloud.com/20191220223702.jpeg\" width=\"500px;\" /\u003e | \u003cimg src=\"https://yck-1254263422.cos.ap-shanghai.myqcloud.com/20191220224224.png\" width=\"260px;\" /\u003e |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FKieSun%2Fawesome-frontend-source-interpretation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FKieSun%2Fawesome-frontend-source-interpretation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FKieSun%2Fawesome-frontend-source-interpretation/lists"}