2024年最新github之Javascript语言开源项目top50排行榜

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

| JavaScript | 33,004 | naptha/tesseract.js | 支持超过 100 种语言的纯 JavaScript OCR 📖🎉🖥 | 2015/6/24 | 2024/4/2 |
| JavaScript | 32,241 | atlassian/react-beautiful-dnd | 使用 React 创建美观且易于访问的拖放列表 | 2017/8/9 | 2024/4/2 |
| JavaScript | 31,728 | markedjs/marked | Markdown 解析器和编译器。以速度为基础构建。 | 2011/7/24 | 2024/4/2 |
| JavaScript | 29,583 | pcottle/learnGitBranching | 交互式 git 可视化和教程。对 git 的学习者可以使用此应用程序来教育和挑战自己，以掌握 git！ | 2012/8/14 | 2024/4/2 |
| JavaScript | 29,578 | airbnb/lottie-web | 在 Web、Android 和 iOS 以及 React Native 上本地渲染 After Effects 动画。http://airbnb.io/lottie/ | 2015/2/21 | 2024/4/2 |
| JavaScript | 28,345 | vuejs/vuex | 🗃️ Vue.js 的集中式状态管理。 | 2015/7/16 | 2024/4/2 |
| JavaScript | 28,068 | caolan/async | 用于 Node 和浏览器的异步实用程序 | 2010/6/2 | 2024/4/2 |
| JavaScript | 27,415 | ascoders/weekly | 前端精读周刊。帮助您理解最前沿、实用的技术。 | 2017/3/20 | 2024/4/2 |
| JavaScript | 27,251 | Advanced-Frontend/Daily-Interview-Question | 我是依扬（木易杨），公众号「高级前端进阶」作者，每天解决一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己。 | 2019/1/19 | 2024/4/2 |
| JavaScript | 26,954 | digitalocean/nginxconfig.io | ⚙️ NGINX 配置生成器（带有类固醇）。 | 2018/1/5 | 2024/4/2 |
| JavaScript | 26,552 | Automattic/mongoose | 设计用于在异步环境中工作的 MongoDB 对象建模。 | 2010/4/7 | 2024/4/2 |
| JavaScript | 26,537 | codemirror/codemirror5 | 浏览器中的代码编辑器（版本 5，已弃用） | 2011/1/14 | 2024/4/2 |
| JavaScript | 25,770 | select2/select2 | Select2 是基于 jQuery 的 select 框替代品。支持搜索、远程数据集和结果的无限滚动。 | 2012/3/5 | 2024/4/2 |
| JavaScript | 25,667 | request/request | 🏊🏾 简化的 HTTP 请求客户端。 | 2011/1/23 | 2024/4/2 |
| JavaScript | 25,302 | sampotts/plyr | 简单的 HTML5、YouTube 和 Vimeo 播放器 | 2015/2/14 | 2024/4/2 |
| JavaScript | 25,146 | gchq/CyberChef | Cyber 瑞士军刀 - 用于加密、编码、压缩和数据分析的 Web 应用程序 | 2016/11/28 | 2024/4/2 |
| JavaScript | 24,167 | vercel/pkg | 将您的 Node.js 项目打包成可执行文件 | 2016/8/9 | 2024/4/2 |
| JavaScript | 22,979 | highlightjs/highlight.js | 带有语言自动检测和零依赖项的 JavaScript 语法高亮器。 | 2011/1/2 | 2024/4/2 |
| JavaScript | 22,691 | bilibili/flv.js | HTML5 FLV 播放器 | 2016/5/12 | 2024/4/2 |
| JavaScript | 22,506 | redux-saga/redux-saga | Redux 应用程序的替代副作用模型 | 2015/11/30 | 2024/4/2 |
| JavaScript | 22,483 | validatorjs/validator.js | 字符串验证 | 2010/10/6 | 2024/4/2 |
| JavaScript | 22,073 | jlmakes/scrollreveal | 随着它们滚动到视图中而动画化元素。 | 2014/1/17 | 2024/4/2 |
| JavaScript | 21,773 | bevacqua/dragula | 👌 拖放如此简单，以至于会伤害 | 2015/4/14 | 2024/4/2 |
| JavaScript | 19,340 | nuysoft/Mock | 模拟数据生成器 | 2013/4/26 | 2024/4/2 |
| JavaScript | 19,027 | jorgebucaran/hyperapp | 用于构建超文本应用程序的 1kB-ish JavaScript 框架 | 2017/1/20 | 2024/3/30 |
| JavaScript | 18,773 | EastWorld/wechat-app-mall | 微信小程序商城，微信小程序微店 | 2017/3/30 | 2024/4/2 |
| JavaScript | 18,598 | testing-library/react-testing-library | 🐐 简单完整的 React DOM 测试工具，鼓励良好的测试实践。 | 2018/3/19 | 2024/4/2 |
| JavaScript | 17,790 | JacksonTian/fks | 前端知识结构总结 | 2012/10/17 | 2024/4/2 |
| JavaScript | 17,635 | KaTeX/KaTeX | 用于 web 的快速数学排版。 | 2013/7/5 | 2024/4/2 |
| JavaScript | 17,381 | Shopify/draggable | 您的祖父母警告您的 JavaScript 拖放库。 | 2017/9/27 | 2024/4/2 |
| JavaScript | 17,260 | RobinLinus/snapdrop | 用于本地文件共享的渐进式 Web 应用程序 | 2015/12/18 | 2024/4/2 |
| JavaScript | 16,324 | nodemailer/nodemailer | ✉️ 使用 Node.JS 发送电子邮件 - 简单如摘取蛋糕！ | 2011/1/20 | 2024/4/2 |
| JavaScript | 16,250 | pouchdb/pouchdb | 🐨 - PouchDB 是一个袖珍型数据库。 | 2010/6/11 | 2024/4/2 |
| JavaScript | 16,106 | 11ty/eleventy | 更简单的站点生成器。将一个模板目录（类型各异）转换为 HTML。 | 2017/11/27 | 2024/4/2 |
| JavaScript | 15,987 | yabwe/medium-editor | Medium.com 的所见即所得编辑器克隆。使用 contenteditable API 实现富文本解决方案。 | 2013/5/30 | 2024/3/30 |
| JavaScript | 15,724 | bgstaal/multipleWindow3dScene | 使用 three.js 和 localStorage 快速示例，展示如何在多个窗口之间“同步” 3D 场景 | 2023/11/23 | 2024/4/2 |

如果有帮助到您还请动动手帮忙点赞，关注，评论转发，感谢啦！💕💕💕😘😘😘 本文由Butterfly一键发布工具发布

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
）**
[外链图片转存中…(img-lF1jCD00-1713274315936)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！