{"id":13559845,"url":"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes","last_synced_at":"2025-04-03T15:31:11.986Z","repository":{"id":37394099,"uuid":"248696341","full_name":"Chocolate1999/Front-end-learning-to-organize-notes","owner":"Chocolate1999","description":"☀小狮子前端の学习☁整理笔记❤   Front-end-learning-to-organize-notes 帮你整理好前端知识体系、更高效地吸收经验成果；另附小狮子前端进阶小册食用指北，敬请关注！","archived":false,"fork":false,"pushed_at":"2022-08-04T02:36:52.000Z","size":12251,"stargazers_count":1100,"open_issues_count":552,"forks_count":150,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-03-27T17:17:50.836Z","etag":null,"topics":["acm","css","front-end","html-css-javascript","javascript","network","vue","vue-router3"],"latest_commit_sha":null,"homepage":"https://chodocs.cn/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Chocolate1999.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null}},"created_at":"2020-03-20T07:44:31.000Z","updated_at":"2025-03-16T02:16:21.000Z","dependencies_parsed_at":"2022-07-08T16:47:40.585Z","dependency_job_id":null,"html_url":"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes","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/Chocolate1999%2FFront-end-learning-to-organize-notes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chocolate1999%2FFront-end-learning-to-organize-notes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chocolate1999%2FFront-end-learning-to-organize-notes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chocolate1999%2FFront-end-learning-to-organize-notes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chocolate1999","download_url":"https://codeload.github.com/Chocolate1999/Front-end-learning-to-organize-notes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247027827,"owners_count":20871601,"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":["acm","css","front-end","html-css-javascript","javascript","network","vue","vue-router3"],"created_at":"2024-08-01T13:00:34.368Z","updated_at":"2025-04-03T15:31:06.969Z","avatar_url":"https://github.com/Chocolate1999.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\n##  :sunny:Front-end-learning-to-organize-notes\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.gnu.org/licenses/\"\u003e \u003cimg src=\"https://img.shields.io/github/license/Chocolate1999/Front-end-learning-to-organize-notes.svg\" alt=\"License\"\u003e\u003c/a\u003e\u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/network\"\u003e \u003cimg src=\"https://img.shields.io/github/forks/Chocolate1999/Front-end-learning-to-organize-notes.svg\" alt=\"GitHub forks\"\u003e\u003c/a\u003e \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/stargazers\"\u003e \u003cimg src=\"https://img.shields.io/github/stars/Chocolate1999/Front-end-learning-to-organize-notes.svg\" alt=\"GitHub stars\"\u003e\u003c/a\u003e\u003cimg src=\"https://camo.githubusercontent.com/cb8cb80af654f3dae14a4aa62e44bf62f16953d6/68747470733a2f2f6a617977636a6c6f76652e6769746875622e696f2f73622f6c616e672f6368696e6573652e737667\"\u003e\u003c/img\u003e\u003c/p\u003e\n\n## :seedling:仓库地址\n\n传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/\n\n## :loudspeaker:公告\n感谢访问本站，若喜欢请收藏，star支持一下 ✿✿ヽ(°▽°)ノ✿\n\n\u003e 访问 \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/issues\"\u003e522道腾讯大厂真题汇总\u003c/a\u003e——涵盖各类前端的真题，可根据不同的 `Label` 查看对应内容，助你春招秋招牛气冲天~\n\n![](https://cdn.jsdelivr.net/gh/chocolate1999/cdn/img/20210623105109.png)\n\n\u003e考虑图片过大不太清晰问题，在公众号【小狮子前端】，已经提前为小伙伴们准备好了最全资料（包括思维导图、前端电子书籍、博客笔记等）\n\n## :snowman:笔记网站（更新）\n\nhttps://yangchaoyi.vip/ （基于hexo-butterfly主题搭建的博客，整理面试记录）\n\n为了让您更好的阅读本仓库笔记，考虑还是建了个人网站，本仓库内容陆续都会更新到网站上，你可以根据分类找到你想阅读的文章，隆重感谢给本仓库点 Star 的小伙伴!\n\n\n\u003e 由 Chocolate 和 HearLing 一起搭建的一个免费的文档网站，一站式获取前端知识笔记大全，欢迎访问：https://docs.yangchaoyi.vip/ \n\n\n\n## :rabbit2:仓库内容\n\n| Ⅰ| Ⅱ|Ⅲ|Ⅳ|  Ⅴ | Ⅵ| Ⅶ| Ⅷ | Ⅸ|\n|:--------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|:-------------:|\n| \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/HTML\"\u003eHTML 总结\u003c/a\u003e | \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/CSS\"\u003eCSS 总结\u003c/a\u003e   |  \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/JS\"\u003eJS 总结\u003c/a\u003e |  \u003ca href=\"https://yangchaoyi.vip/tags/%E9%9D%A2%E8%AF%95/\"\u003e面试经历\u003c/a\u003e  | \u003ca href=\"https://github.com/Chocolate1999/leetcode-javascript\"\u003eLeetCode刷题 \u003c/a\u003e    | \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/Vue%E5%8F%8A%E6%BA%90%E7%A0%81\"\u003eVue及源码\u003c/a\u003e |    \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/%E9%9D%A2%E8%AF%95%E6%8A%80%E5%B7%A7\"\u003e面试技巧\u003c/a\u003e  | \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/%E5%B7%A5%E5%85%B7%E6%80%BB%E7%BB%93\"\u003e工具总结\u003c/a\u003e|   \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/tree/master/Interview%20Questions\"\u003e前端全家桶 \u003c/a\u003e  | \n\n## :tada:项目经历\n\n| 项目名称 |  时间    |项目地址|\n|:--------:| :-------------:| :-------------:|\n|     J2EE项目-OnlineSchool（前后端分离的IT教育网站）      |     2019.07-2019.12  |  \u003ca href=\"https://gitee.com/miaochuanpeng/Java-EE\"\u003e传送门\u003c/a\u003e         |\n|  Vue全家桶开发电商管理系统（Element-UI） | 2019.12-2020.01|\u003ca href=\"https://gitee.com/Chocolate666/vue_shop\"\u003e传送门\u003c/a\u003e |\n|  Vue-family-bucket-SSR-Koa2-full-stack-development-from-Meituan（高仿美团）  | 2020.03-2020.04 |\u003ca href=\"https://github.com/Chocolate1999/Vue-family-bucket-SSR-Koa2-full-stack-development-from-Meituan\"\u003e传送门\u003c/a\u003e  | \n| hexo-blog-lionkk（基于hexo-butterfly:butterfly:主题魔改博客源码开放）| 2020.04-2020.07| \u003ca href=\"https://github.com/Chocolate1999/hexo-blog-lionkk\"\u003e传送门\u003c/a\u003e |\n| vue-shop（ :cat: Vue全家桶开发电商管理系统（Element-UI 重制上线版））| 2020.06-2020.07|  \u003ca href=\"https://github.com/Chocolate1999/vue-shop\"\u003e传送门\u003c/a\u003e|\n| Vue-MVVM（:star:剖析vue实现原理，动手实现一个简单版的mvvm:+1:）|  2020.07 | \u003ca href=\"https://github.com/Chocolate1999/Vue-MVVM\"\u003e传送门\u003c/a\u003e |   \n| 522道腾讯大厂真题（:star:涵盖整个春招秋招面试:+1:）|  2021.02 | \u003ca href=\"https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/issues\"\u003e传送门\u003c/a\u003e |   \n| 基于 Next.js 和 Tailwind CSS 个人博客项目（The most beautiful blog in modern times） |  2022.08 - 至今 | \u003ca href=\"https://github.com/Chocolate1999/nextjs-tailwind-blog\"\u003e传送门\u003c/a\u003e |   \n\n\n##  :sunny:小狮子\n\n![](https://img-blog.csdnimg.cn/img_convert/4c7d3a7b3552443daf61a7a5996c3b87.png)\n\n\u003ca href=\"https://chocolate.blog.csdn.net/article/details/111936965\"\u003e「成长之路」挥手2020，Chocolate 同学年度总结，所遇 | 所思 | 所学 | 所悟（年度征文）\u003c/a\u003e\n\n\n## 👍Chocolate 与 HearLing 同学前端学习笔记大汇总\n\u003e在这里整合一下输出的文章，不定期更新，以下为部分优质文章，所有文章均首发于掘金「一百个Chocolate」与「HearLing」\n\n\n### JS\n\n- \u003ca href=\"https://juejin.cn/post/6881241853258104839\"\u003e「查漏补缺」深度剖析JavaScript ES5/AMD/CMD/COMMONJS/ES6模块化（加薪必备）| 掘金技术征文-双节特别篇\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6881894768117284878\"\u003e某跳动面试官：请你设计一下ES6中 class 实现私有属性\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6901621560444977160\"\u003e「数组方法」写给女友的一系列 JS 数组操作（建议收藏 | 内附思维导图）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6902942813097459720\"\u003e「高频面试题」女友：消息队列 和 事件循环系统终于弄明白了！（内附思维导图）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6906106922605543432\"\u003e「星辰大海」你可能需要知道的 promise 知识的总结（内附思维导图）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6924218259302694919\"\u003e某跳动面试官：你再说说微信扫码登录背后的实现原理？（以某东为例）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6925599792814882829\"\u003eJS手撕，经典面试题\u003c/a\u003e\n\n\n### CSS\n- \u003ca href=\"https://juejin.cn/post/6924228588510281735\"\u003e「面试」前端高频CSS面试题及答案\u003c/a\u003e\n\n### 算法\n- \u003ca href=\"https://juejin.cn/post/6926801566699618312\"\u003e🐮写给零基础的前端算法入门指南，acmer带女友刷80+【栈与队列与链表篇】｜牛气冲天新年征文\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6929755669683765261\"\u003e🐮写给零基础的前端算法入门指南，acmer带女友刷80+【递归与回溯篇】｜牛气冲天新年征文\u003c/a\u003e\n- [🐮写给零基础的前端算法入门指南，acmer带女友刷80+【双指针与字符串篇】](https://juejin.cn/post/6931631220841250823)\n- \u003ca href=\"https://juejin.cn/post/6906316759465197581\"\u003e「JS刷题之路-栈」和我一起系统的刷题吧（内附思维导图）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6908273702769524744\"\u003e「JS刷题之路-递归回溯（上篇）」和我一起系统的刷题吧（内附思维导图）\u003c/a\u003e\n\n### Vue必知必会\n\n- \u003ca href=\"https://juejin.cn/post/6930897845369356295\"\u003e🐮化身面试官出30+Vue面试题，超级干货（附答案）｜牛气冲天新年征文\u003c/a\u003e\n\n\n### 学习Vue源码\n\n- \u003ca href=\"https://juejin.cn/post/6854573209673531400\"\u003e（1.8w字，建议收藏）Vue源码解析—动手实现简化版MVVM\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6877142396967223304\"\u003e【源码篇：总结与思考】虚拟节点与DOM Diff算法源码实现\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6882210480040263693\"\u003e「查漏补缺」Vue2.0 源码重写『数据劫持』【面试必备】\u003c/a\u003e\n\n\n### 计算机网络\n- \u003ca href=\"https://juejin.cn/post/6915362842212302862\"\u003e「计算机网络」前端必备知识，看到就是赚到系列（上）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6916318564966203400\"\u003e「计算机网络」前端必备知识，看到就是赚到系列（下）\u003c/a\u003e\n\n### 浏览器工作原理\n- \u003ca href=\"https://juejin.cn/post/6902032954034225159\"\u003e「导航渲染流程」你真的知道从输入URL到页面展示发生了什么吗？（内附思维导图）\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6900916440845516814\"\u003e「浏览器安全」你可能需要的一份浏览器安全的总结（内附思维导图）\u003c/a\u003e\n\n### 服务外包\n- \u003ca href=\"https://juejin.cn/post/6925000746236641287\"\u003e从大一到大三，我与服务外包大赛🏆\u003c/a\u003e\n\n### 小册\n\n- \u003ca href=\"https://blog.csdn.net/weixin_42429718/article/details/107134349\"\u003e小狮子前端Vue进阶小册 开通食用指北\u003c/a\u003e\n\n### 总结\n- \u003ca href=\"https://juejin.cn/post/6844904202221649934\"\u003e【春招\u0026实习\u0026秋招】前端学习の优质资料整理\u0026心路历程（已上岸）| 掘金技术征文\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6888472067726508039\"\u003e「不进则退」2020 Chocolate 同学秋招前端の大厂面经\u0026心路历程\u0026个人经验分享\u003c/a\u003e\n- \u003ca href=\"https://juejin.cn/post/6911663223355899918\"\u003e「我的2020」不进则退，Chocolate 同学在掘金 | 掘金年度征文\u003c/a\u003e\n\n\n\n\n## :gift_heart:贡献\n\n将会持续分享关于前端面试真题，从零到拿到满意的Offer！觉得不错，来个Star!\n\n同时，也欢迎你对本仓库的贡献，欢迎您的面试经验分享，如需贡献，公众号留言即可。\n\n## :sunflower:版权申明\n\n博客中的每篇文章都是我一字一句敲出来的，如需转载，请附上原文链接，表示对原作者的尊重。谢谢合作！\n\n## :page_with_curl:排版\n\n笔记内容按照 \u003ca href=\"https://mazhuang.org/wiki/chinese-copywriting-guidelines/\"\u003e中文文案排版指北\u003c/a\u003e进行排版。\n\n## :trophy:结尾\n\n一起交流学习可以加企鹅群【666151691】\n\n\n\u003cfont color=chocolate\u003e欢迎关注微信公众号：小狮子前端\u003c/font\u003e\n\n![](https://img-blog.csdnimg.cn/img_convert/43c196751f4984c71011557d06e7e9b6.png)\n\n可以联系到我，谢谢您的支持！✿✿ヽ(°▽°)ノ✿\n\n注：本仓库不参与商业行为，也请各位读者周知。(This warehouse is not involved in commercial activities.)\n\n转载使用请注明出处，谢谢！\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FChocolate1999%2FFront-end-learning-to-organize-notes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FChocolate1999%2FFront-end-learning-to-organize-notes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FChocolate1999%2FFront-end-learning-to-organize-notes/lists"}