云棲大會上,阿里巴巴重磅發布前端知識圖譜!

大家好,我是若川,點此加我微信進源碼群,一起學習源碼。同時可以進群免費看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.pswp.cn/news/275311.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275311.shtml
英文地址,請注明出處:http://en.pswp.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;組件庫…