阅读优秀源码的好处有好多，如能学习一些技术知识，编码技巧，组织代码的方式，提高理解能力等等。

对新手来说，一上来看 jQuery 这种奇技淫巧很多，并且比较复杂的项目，往往收获并不大。而且往往会打击阅读源码的积极性。对新手来说，还是循序渐进，从看简单的源码开始比较好。

下面是我的推荐。

• Snippents[CSS Tricks] 几行代码片段实现一些简单常见的功能。
• Yon don't need jQuery 能学到很多关于如何用现代浏览器原生 API 来实现 jQuery 实现的功能。

• Bootstrap 的 JS 插件 Bootstrap 的 JS 插件都是基于 jQuery 的，每个插件也就一两百行代码。
• JavaScript Patterns Collection 一些 JavaScript 模式的介绍，以及实现。
• underscore[注解版] 能了解一大波基本数据类型的工具方法的实现。

• normalize.css 能了解到各不同浏览器的默认样式之间的差异以及某些浏览器对某些元素设置的“奇怪”默认样式。
• Animate.css 能了解常见的动画效果名称，以及如何 CSS 来写动画。

欢迎大家补充~

作为一名前端开发人员，有哪些值得一读的js代码？

本文遵守创作共享CC BY-NC-SA 4.0协议
网络平台如需转载必须与本人联系确认。