2020年Web前端最新框架技术及工具

<h2 id="前言">前言</h2>
本文列出了很多与前端有关的常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。
学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单就能起到作用了。如果你能把清单里列出的内容都了解下，逼格也会高很多。
<h2 id="技术社区">技术社区</h2>
<ul><li>GitHub：<a href="https://github.com/">https://github.com/</a></li></ul>
高质量的内容创作和分享平台。
请记住，作为一个码农，GitHub 代表了你的名片。
<ul><li>stackoverflow：<a href="https://stackoverflow.com/">https://stackoverflow.com/</a></li></ul>
遇到技术问题请先Google，很多答案都能在 stackoverflow 上找到。
<h2 id="技术博客">技术博客</h2>
<ul><li>掘金：<a href="https://juejin.im/">https://juejin.im/</a></li></ul>
掘金已经被前端同学攻陷了。目前来看，国内的很多优质前端文章，都在掘金上。
如果你刚开始写前端博客，可以考虑在掘金上发文章。当然，文章最好在掘金、博客园、知乎上做同步。
<ul><li>博客园：<a href="https://www.cnblogs.com/">https://www.cnblogs.com/</a></li></ul>
一个很纯粹的技术博客平台。
<ul><li>知乎：<a href="https://www.zhihu.com/">https://www.zhihu.com/</a></li></ul>
很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃。
<ul><li>CSDN：<a href="https://www.csdn.net/">https://www.csdn.net/</a></li></ul>
广告太多，但奈何你这么老牌。
<ul><li>segmentfault：<a href="https://segmentfault.com/">https://segmentfault.com/</a></li></ul>
比较低调的技术博客平台。
<h2 id="github-排名统计">GitHub 排名统计</h2>
<ul><li>GitHub 中国区排名：<a href="https://githuber.cn/search?language=JavaScript">https://githuber.cn/search?language=JavaScript</a></li></ul>
这个网站虽然比较小众，但排名还是相对比较准的。
<ul><li>GitHub 中国区排名：<a href="http://githubrank.com/">http://githubrank.com/</a></li></ul>
这个排名很久没更新了，早就不准了。
<ul><li> GitHub 全球排名：<a href="https://gitstar-ranking.com/">https://gitstar-ranking.com/</a> </li><li> GitHub trending（官网推荐—）：<a href="https://github.com/trending">https://github.com/trending</a> </li></ul>
你的项目要是能上 GitHub trending，绝对火得一塌糊涂。
<h2 id="资讯">资讯</h2>
<ul><li> 虎嗅网：<a href="https://www.huxiu.com/">https://www.huxiu.com/</a> </li><li> 36氪：<a href="https://36kr.com/">https://36kr.com/</a> </li><li> 利器：<a href="https://liqi.io/">https://liqi.io/</a> </li></ul>
采访优秀的创造者，邀请他们来分享工作时所使用的工具。
<ul><li>湾区日报：<a href="https://wanqu.co/">https://wanqu.co/</a></li></ul>
每天推送 5 篇优质英文文章。
<ul><li> Solidot：<a href="https://www.solidot.org/">https://www.solidot.org/</a> </li><li> 品玩：<a href="https://www.pingwest.com/">https://www.pingwest.com/</a> </li><li> 极客公园：<a href="http://www.geekpark.net/">http://www.geekpark.net/</a> </li></ul>
<h2 id="框架">框架</h2>
<ul><li> Vue.js：<a href="https://cn.vuejs.org/">https://cn.vuejs.org/</a> </li><li> React：<a href="https://reactjs.org/">https://reactjs.org/</a> </li><li> Angular：<a href="https://angular.cn/">https://angular.cn/</a> </li><li> AngularJS：<a href="https://angularjs.org/">https://angularjs.org/</a> </li><li> Koa：<a href="https://koa.bootcss.com/">https://koa.bootcss.com/</a> </li></ul>
基于 Node.js 平台的下一代 Web 开发框架。
<ul><li>Express：<a href="http://www.expressjs.com.cn/">http://www.expressjs.com.cn/</a></li></ul>
基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
<ul><li>Egg：<a href="https://eggjs.org/zh-cn/">https://eggjs.org/zh-cn/</a></li></ul>
Egg 继承于 Koa。
Koa 是一个非常优秀的框架，然而对于企业级应用来说，它还比较基础。而 Egg 选择了 Koa 作为其基础框架，在它的模型基础上，进一步对它进行了一些增强。
<ul><li>Electron：<a href="https://www.electronjs.cn/">https://www.electronjs.cn/</a></li></ul>
Electron（原名为Atom Shell）是GitHub开发的一个开源js框架。它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。
也就是说，我们可以用 js 语言开发客户端软件了。其实呢，VS Code 这个客户端软件就是用 js 语言写的。
<ul><li>Redux：<a href="https://www.redux.org