前端进阶必备的七个开源项目！（必看）

点击蓝字前端真好玩关注，回复“1”加入前端进阶群 与大家一起成长

Github 上有很多宝藏仓库，这些仓库的内容能帮助我们很好地进行学习。

以下是笔者收集的部分不错的仓库，以后也会定期分享给大家优秀的仓库。

1. CSS 应该是很多人的痛点。这个仓库总结了一些常用的 CSS 样式，并且包含了一些 CSS 的新属性和一点奇技淫巧：CSS-Tricks^[1]

2. 想必大家都想写出优秀的代码，那么如何才是优秀的代码？如何做到写出游戏的代码呢？这时候你需要一些最佳实践来学习：clean-code-javascript^[2]

3. 框架使用已经基本是大家日常工作离不开的内容了。经常有读者问我，如何快速学习 XX 框架，如何用 XX 框架写好代码，这时候你需要一个优秀的项目来学习借鉴：

• Vue 技术栈：vue2-elm^[3]

• React 技术栈：react-tetris^[4]

• 单元测试其实也是一个很重要的环节，但是大部分前端工程师应该是不写单元测试的，因此国内市面上相关的资料也很稀少。如果你有单元测试的需求，可以参考：javascript-testing-best-practices^[5]

• 数据结构与算法是每个程序员都应该掌握的一块知识，如果你想学习这块内容，这个仓库绝对不容错过：javascript-algorithms^[6]

• 经常会有读者问我如何答好面试环节中面试官提问的：你有什么想问的这个问题。前段时间笔者发现了一个很优秀的仓库来解决这个问题，内容列举了相当多你可以在这个环节中提的问题：reverse-interview-zh^[7]

• 网上优秀的资料有很多，但是检索到这些内容并不是一个容易的过程，这个仓库整合了相当多程序员该阅读的优秀资料，值得一读：Best-websites-a-programmer-should-visit^[8]

• 以上就是第一期 Github 优秀仓库推荐，同时欢迎大家提供更多的优秀内容一同学习。

  参考资料

  [1]

  CSS-Tricks: https://github.com/QiShaoXuan/css_tricks

  [2]

  clean-code-javascript: https://github.com/ryanmcdermott/clean-code-javascript

  [3]

  vue2-elm: https://github.com/bailicangdu/vue2-elm

  [4]

  react-tetris: https://github.com/chvin/react-tetris

  [5]

  javascript-testing-best-practices: https://github.com/goldbergyoni/javascript-testing-best-practices

  [6]

  javascript-algorithms: https://github.com/trekhleb/javascript-algorithms

  [7]

  reverse-interview-zh: https://github.com/yifeikong/reverse-interview-zh

  [8]

  Best-websites-a-programmer-should-visit: https://github.com/sdmg15/Best-websites-a-programmer-should-visi

  - END -
  

  长按二维码关注，漫漫前端路，结伴同行

  

  

  我就知道你在看！