云栖大会上,阿里巴巴重磅发布前端知识图谱!

大家好,我是若川,点此加我微信进源码群,一起学习源码。同时可以进群免费看Vue专场直播,有尤雨溪分享「Vue3 生态现状以及展望

阿里巴巴前端知识图谱,由大阿里众多前端技术专家团历经1年时间精心整理,从 初阶 -> 中阶 -> 高阶 的维度讲述前端的 成长路线,囊括了前端从初学到当下热门领域的 717 个重点知识节点,同时对于一些难点,还配套了详细的解释以及相关的学习查阅资料,不仅方便大家快速领略大纲,而且还可以轻松的查到最详细权威的资料。

b01f5dda55cc353507859e4b43994eb8.png

阿里巴巴前端知识图谱官网:https://f2e.tech/,或点击查看原文立即体验。

为什么要做这个知识图谱?

我们希望能够从特定的视角切入,为大家呈现前端技术的全貌,帮助有志在前端方向发展的同学快速成长。

通过  成长路线 的视角,收集整理前端的知识体系。以 初阶 -> 中阶 -> 高阶 结构,讲述前端的 成长路线

初阶,从初学者视角,逐步阐述 HTML、CSS、JavaScript 等前端基础知识。

中阶,从工程师视角,分别展开技术原理,工程链路、性能优化等综合能力知识。

高阶,与“技术产品”的“技术方向”保持保持一致,按“技术方向”分别展开领域专业知识。

最后基于以上结构化信息,结合 AntV 团队出品的 Graphin 框架,利用图探索分析等可视化能力,输出一个在线的知识大图。既方便阅读和传播,又保证持续迭代。

如何使用这个知识图谱?

全景探索

进入知识图谱之后,会看到一级及二级节点,可以选择自己感兴趣的节点打开查看。

e269a22dde16004c86fb5cac59ef4320.png

14bdb8ba312fc95f8a64e3daab0b4e38.png

0902d09d662d1c5ca467398c7ad90ca5.png

点击对应的知识节点,会为你呈现相应的知识介绍和学习资料。

aa77998a1b95f75076364b5121e0b5e7.png


精准查询

使用左上角的搜索按钮,可以精准查询某一方面的知识点,呈现相对应的图谱展示。

537994a9f99fb1edfb40619e248e7baa.png

开放&共建

接下来,阿里巴巴前端知识图谱将使用开源的机制持续运作和更新下去,规划做到:

  • 信息录入系统,提供更方便的信息录入 SOP

  • 关联知识节点相关技术文章,优质文章可在知识图谱上探索发现

  • 开放共建群,定期组织更新内容,保证图谱新鲜度

  • 成立编委会,保证内容权威性

  • 原始内容开源,开放信息在 GitHub 上,欢迎前端开发者参与共建

ba858a5a21ac593760ca7d300d52eaae.png

为了保证知识图谱的准确性和权威性,所有的前端同学都可以对对知识图谱的所有信息进行反馈,有任何 bug 或建议可以 语雀讨论区 进行讨论和反馈,我们会认真听取。

语雀讨论区:https://www.yuque.com/alibabaf2e/topics/2

参与知识图谱共建的同学,会作为阿里巴巴前端知识图谱的联合作者,出现在版权声明中。前端知识大图会持续更新传承,这会是一件特别有意义的事,期待你的参与!

内容贡献者

感谢知识图谱作者团队对知识图谱的付出和贡献!

步天,耿霄,九十,聚则,卡狸,魁武,狼叔,雷姆,林晚,林熠,灵韧,柳千,脉昆,妙净,年翼,秦粤,萨波,山果,上坡,烧鹅,圣司,十吾,舒文,苏川,夙汐,索丘,天可,铁军,完颜,问崖,戊子,象数,逍为,小志,笑翟,新茗,一寅,由校,郁结,御术,元彦,远浪,昭朗,甄子,渚薰,左契

(排名不分先后,按姓氏拼音首字母排列)

Production by F2E.TECH Team

寻御,太泥,艺璇,墨苒,年翼,白鑫,灵韧,舒文

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275311.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux下“/”和“~”的区别

在linux中,”/“代表根目录,”~“是代表目录。Linux存储是以挂载的方式,相当于是树状的,源头就是”/“,也就是根目录。 而每个用户都有”家“目录,也就是用户的个人目录,比如root用户的”家“目…

在当今移动互联网时代_谁在提供当今最好的电子邮件体验?

在当今移动互联网时代Hey, a new email service from the makers of Basecamp was recently launched. The Verge calls it a “genuinely original take on messaging”, and it indeed features some refreshing ideas for the sometimes painful exercise we call inbox man…

插件式开发小记

在做插件开发时,小记一下,用来备忘: 1.DEV8.2的XtraTabControl控件如何获得当前打开的子窗体:XtraForm frm (XtraForm)xtraTabControl1.SelectedTabPage.Controls[0];2.插件开发的底层标准最好是抽象类,这样扩展性好。…

linux运维工程师学习路线

一、学习路线: 1.青铜: 1、Linux基础知识、基本命令(起源、组成、常用命令如cp、ls、file、mkdir等常见操作命令) 2、Linux用户及权限基础 3、Linux系统进程管理进阶 4、linux高效文本、文件处理命令(vim、grep、sed、…

React 全新文档上线!

大家好,我是若川,点此加我微信进源码群,一起学习源码。同时可以进群免费看明天的Vue专场直播,有尤雨溪分享「Vue3 生态现状以及展望」,还可以领取50场录播视频和PPT。React 官方文档改版耗时 1 年,今天已完…

POJ2392

题意:奶牛们要用K个不同类型的石头建太空电梯.每一种石头的高度为Hi,数量为Ci,且不能放在高于Ai的地方,求最高能建多高的太空电梯. 分析:多重背包,数组标记.显然将ai小的放在下面会更优.所以先排序. code: const maxh41000; var cnt:array[0..maxh] of longint;h,…

网络低俗词_从“低俗小说”中汲取7堂课,以创建有影响力的作品集

网络低俗词重点 (Top highlight)Design portfolios and blockbuster movies had become more and more generic. On the design side, I blame all the portfolio reviews and articles shared by “experienced” designers that repeat the same pieces of advice regardless…

Vue多个组件映射到同一个组件,页面不刷新?

问题 在做项目的过程中,有这么一个场景:多个组件通过配置路由,都跳转到同一个组件,他们之间的区别就是,传入的参数不同.请看router对象: userCenterLike: {name: user-center,params: {index: 0}},userCenterHistory: {name: user-center,params: {index…

尤雨溪写的100多行的“玩具 vite”,十分有助于理解 vite 原理

1. 前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12想学源码,极力推荐之前我写的《学习源码整体架构系列》jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、…

webflow如何使用_我如何使用Webflow构建辅助项目以帮助设计人员进行连接

webflow如何使用I launched Designer Slack Communities a while ago, aiming to help designers to connect with likeminded people. By sharing my website with the world, I’ve connected with so many designers. The whole experience is a first time for me, so I wa…

atmega8 例程:T1定时器 CTC模式 方波输出

/******************************************************************* * 函数库说明:ATMEGA8 T1定时器 CTC模式 方波输出 * 版本: v1.00 * 修改: 庞辉 芜湖联大飞思卡尔工作室…

antd的table进行列筛选时,更新dataSource,为什么table显示暂无数据?

我想当然地认为只要dataSource改变&#xff0c;那么<Table>组件就会重新渲染&#xff0c;但是有一种特殊情况例外&#xff1a;在onFilter()中不写筛选条件&#xff0c;在调用filterDropdown进行列筛选的时候&#xff0c;通过handleSearch改变/保存dataSource的状态&#…

重新构想原子化 CSS

感谢印记中文的 QC-L[1] 对本文进行翻译&#xff0c;英文原文: English Version[2]。本文会比往期文章相对长些。这是我个人的一个重大的工具发布&#xff0c;有许多内容我想谈论。如果你能花些时间读完&#xff0c;不胜感激&#xff0c;希望能对你有所帮助 :)推荐访问 https:/…

cv::mat 颜色空间_网站设计基础:负空间

cv::mat 颜色空间Let’s start off by answering this question: What is negative space? It is the “empty” space between and around the subjects of an image. In the context of web design, your “subjects” are the pictures, videos, text, buttons and other e…

MVC3 上传文件

前台引擎采用Razor 上传页View&#xff1a; model System.Web.HttpContextBase{ ViewBag.Title "上传文件";}<h2>上传文件</h2><br /><br />*new { enctype "multipart/form-data" }比不可少&#xff0c;否则上传文件不会成功…

Day07 - Ruby比一比:Symbol符号与String字串

前情提要&#xff1a; 第六天我们透过Ruby代码练习public&#xff0c;protected和privatemethod时&#xff0c;发现冒号在前面的参数&#xff0c;&#xff1a;mydraft&#xff0c;&#xff1a;myspace&#xff0c;这些就是符号Symbol。在今天&#xff0c;我们就来解释Symbol吧&…

[知乎回答] 前端是否要学习 Node.js?

大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12很多小伙伴都表示收获颇丰。一起学的大多数200行左右的Node.js源码。今天推荐这篇文章。&#xff08;刚刚在写明天掘金要发的文章&#xff0c;差点忘记今天还没发文。在知乎上看…

shields 徽标_我的徽标素描过程

shields 徽标Sketching is arguably the most important part of my process when it comes to logo design. In the beginning of my design career, I would actually skip this step completely and go right to the computer. I’d find myself getting stuck and then goi…

VC编程心得

VC编程心得 开始&#xff1a; 声明变量要初始化&#xff1b; 指针变量申请空间后是不是为空&#xff08;申请不成功&#xff09;&#xff1b; 过程&#xff1a; CREATE、OPEN了的东西赋给指针变量&#xff0c;要看指针变量是否为空&#xff1b; 指针变量在调用其方法之前&#…

叮咚,系统检测到 npm 有更新,原理揭秘!

大家好&#xff0c;我是若川。最近组织了源码共读活动&#xff0c;感兴趣的可以加我微信 ruochuan12本文来自V同学投稿的源码共读第六期笔记&#xff0c;写得很有趣。现在已经进行到第十期了。你或许经常看见 npm 更新的提示。npm 更新提示面试官可能也会问你&#xff0c;组件库…