Web/18-推荐链接/01-2020年Web前端最新导航.md
2020-04-13 19:00:31 +08:00

13 KiB
Raw Blame History

本文的最新内容将在GitHub上实时更新。欢迎在GitHub上关注我一起入门和进阶前端。

前言

本文列出了很多与前端有关的常见网站、博客、工具等,整体来看比较权威。有些东西已经过时了,我就不列出来了。

学是一方面,也是最主要的方面;但还有一个作用,比如,“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ,此时,这份清单就能起到作用了。如果你能把清单里列出的内容都了解下,逼格也会高很多。

技术社区

高质量的内容创作和分享平台。

请记住作为一个码农GitHub 代表了你的名片。

遇到技术问题请先Google很多答案都能在 stackoverflow 上找到。

技术博客

掘金已经被前端同学攻陷了。目前来看,国内的很多优质前端文章,都在掘金上。

如果你刚开始写前端博客,可以考虑在掘金上发文章。当然,文章最好在掘金、博客园、知乎上做同步。

一个很纯粹的技术博客平台。

很多做技术的同学也开始玩知乎了,阿里的不少前端大牛在知乎上就非常活跃。

广告太多,但奈何你这么老牌。

比较低调的技术博客平台。

GitHub 排名统计

中国区的高分项目,都在这里了。

这个排名很权威。如果你的项目超过 10k star就能上榜跻身全球 GitHub 项目前1000名。

你的项目要是能上 GitHub trending绝对火得一塌糊涂。

2019-12备注现在的 GitHub trending 已经不是严格按照新增的 star 数来排行了。所以说,这个排名,也不是那么权威了。

这个网站虽然比较小众,但排名还是相对比较准的。

这个排名很久没更新了,早就不准了;而且还经常打不开。

资讯

采访优秀的创造者,邀请他们来分享工作时所使用的工具。

每天推送 5 篇优质英文文章。

框架

基于 Node.js 平台的下一代 Web 开发框架。

基于 Node.js 平台,快速、开放、极简的 Web 开发框架。

Egg 继承于 Koa。

Koa 是一个非常优秀的框架,然而对于企业级应用来说,它还比较基础。而 Egg 选择了 Koa 作为其基础框架,在它的模型基础上,进一步对它进行了一些增强。

Electron原名为Atom Shell是GitHub开发的一个开源js框架。 它允许使用Node.js作为后端和Chromium作为前端完成桌面GUI应用程序的开发。

也就是说,我们可以用 js 语言开发客户端软件了。其实呢VS Code 这个客户端软件就是用 js 语言写的。

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。

使用JavaScript编写原生移动应用。

基于 Vue.js 的小程序开发框架。

UI框架

基于 Vue.js 的组件库。

一套基于 Vue.js 的高质量 UI 组件库。

基于 React 的 UI 组件库,主要用于研发企业级中后台产品。官网推出了 Ant Design pro 作为示例,可以看看。

一个基于 Preact / React / React Native 的 移动端 UI 组件库。

Ant Design 的 Vue 实现,开发和服务于企业级后台产品。

类库

可以理解成是移动端的 jQuery。

使用 JavaScript 实现的开源可视化库。

CSS

Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看:http://sass.bootcss.com/

给 CSS 加点料。入门文档可以看:https://less.bootcss.com/

构建

可组装的JavaScript和JSX检查工具。

用 JavaScript 工具和插件转换 CSS 代码的工具

调试抓包

代理抓包工具,很好很强大。

代理抓包工具。

Mock数据

编辑器 && IDE

编码规范

静态站点搭建工具

设计工具

图标

设计素材

工具

综合类

浏览器兼容性查询。前端同学必须要知道。

通过这个网站,我们可以查到任何一家公司的基本信息(成立时间、法定代表人等)。如果你在这个网站上没有找到某公司的信息,放心吧,这个公司一定是个骗子。

在线制作流程图。推荐。

极简大纲笔记、一键生成思维导图。非常好用。

熊猫压缩。压缩后图片清晰度不会有太大变化。

将Photoshop设计文件图层中的混合选项参数快速转换为CSS3代码以节省前端开发人员的时间和精力。

图片类

前端周刊

团队

前端大牛

阮一峰(蚂蚁金服)

尤雨溪

玉伯

司徒正美(去哪儿)

张鑫旭(腾讯)

迷渡

羡辙 | Ovilia

云谦(陈成)

云谦装了啥:https://github.com/sorrycc/awesome-tools

偏右

黄峰达/Phodal HuangThoughtWorks

贺师俊/Hax百姓网

大漠

链接

大漠的GitHub上没啥东西。

介绍

常用昵称“大漠”W3CPlus创始人目前就职于淘宝。对HTML5、CSS3和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验尤其专注对CSS3和动画的研究是国内最早研究和使用CSS3和CSS处理器技术的一批人。现在主要在探讨学习JavaScript、React和Vue相关技术知识。CSS、CSS处理器和Web动画中国布道者。2014年出版《图解CSS3核心技术与案例实战》。

EGOIST

冴羽

链接

李靖/小胡子哥(淘宝网)

cangdu

Jackson Tian

题叶(饿了么、前 Teambition

杨健(今日头条)

流形

(阿里巴巴数据技术与产品部前端团队负责人)

GitHub 作者推荐

晴小篆

MuYunyun

总结

如果你有发现新的内容,欢迎在 GitHub 上提交 issues