10 個 GitHub 上超火的前端面試專案,打造自己的加薪寶庫!

天明夜盡發表於2020-11-16

大家好,我是你們的 超級貓,一個不喜歡吃魚、又不喜歡喵 的超級貓 ~

簡介

一般人沒事的時候刷刷朋友圈、微博、電視劇、知乎,而有些人是沒事的時候刷刷 GitHub ,看看最近有哪些流行的專案。

久而久之,這差距就越來越大,因此總會有開源資訊的不對稱,有哪些優秀的前端開源專案值得學習的也不知道。

初步前端與高階前端之間,最大的差距可能就是資訊差造成的。

前端章魚貓從 2016 年加入 GitHub,到現在的 2020 年,快整整 5 個年頭了。

從 2018 年開始,我就養成了每天逛 GitHub 的習慣,一般在早上上班前或者中午午休的時候都會逛一下。

看看每天都開源了哪些好的前端專案,還有用到的主流前端技術棧又是哪些,值得我去學習的。

因此也收藏了不少好的開源專案,在此推薦給大家,每週會有一到三篇精華文章推送。

希望你在瀏覽、學習了前端章魚貓推薦的這些開源專案的過程中,你能學習到更多程式設計知識、提高程式設計技巧、找到程式設計的樂趣。

公眾號:前端GitHub,專注於挖掘 GitHub 上優秀的前端開源專案,抹平你的前端資訊不對稱,涵蓋 JavaScript、Vue、React、Node、小程式、Flutter、Deno、HTML、CSS、資料結構與演算法 等等。

以下為【前端GitHub】的第 6 期精華內容。

今天給大家帶來的是 GitHub 上超火的 10 個前端面試專案,都是比較火,或者開源的作者還在維護更新的專案。

Front-end-Developer-Questions

這個專案裡面很多面試題,而且 star 數非常高,最大的缺點就是 沒有答案!

包含了:常見問題、HTML 相關問題、CSS 相關問題、JS 相關問題、測試相關問題、效能相關問題、網路相關問題、程式碼相關問題、趣味問題。

比如 JS 相關問題:

  • 請解釋事件代理 (event delegation)。
  • 請解釋 JavaScript 中 this 是如何工作的。
  • 請解釋原型繼承 (prototypal inheritance) 的原理。
  • 你怎麼看 AMD vs. CommonJS?
  • 請解釋為什麼接下來這段程式碼不是 IIFE (立即呼叫的函式表示式):function foo(){ }();,要做哪些改動使它變成 IIFE?
  • 描述以下變數的區別:nullundefined 或 undeclared?該如何檢測它們?
  • 什麼是閉包 (closure),如何使用它,為什麼要使用它?
  • 請舉出一個匿名函式的典型用例?
  • 你是如何組織自己的程式碼?是使用模組模式,還是使用經典繼承的方法?

超級貓 覺得可以作為前端自檢清單吧。

 h5bp.org/Front-end-D…

Daily-Question

這是山月大佬整理的:網際網路大廠內推及大廠面經整理,並且每天一道面試題推送。每天五分鐘,半年大廠中。

每天至少一個問題,有關前後端,DevOps,微服務以及軟技能,促進個人職業成長。

github.com/shfshanyue/…

還有 掘金前端面試題合集

用簡單的命令爬取了掘金的面試集合榜單,還是挺全的。

github.com/shfshanyue/…

CS-Interview-Knowledge-Map

這是小冊作者 yck 大佬花了半年的時間做了一個這個開源專案。在半年的時間裡,收集了大量的一線大廠面試題,通過大資料統計出了近百個常考知識點,然後根據這些知識點寫成了近十萬字的內容。

目前的內容包括 js、網路、瀏覽器相關、效能優化、安全性、框架、git、資料結構、演算法等。

github.com/InterviewMa…

Daily-Interview-Question

每天搞定一道前端大廠面試題,祝大家天天進步,一年後會看到不一樣的自己。

這專案的問題,很多同學參與回答,內容也很新,作為每日突擊的學習,很適合準備跳槽的同學。

github.com/Advanced-Fr…

fe-interview

這是一份作者總結的關於準備前端面試的一個複習彙總專案,專案不定時更新。

這不僅僅是一份用於求職面試的攻略,也是一份前端 er 用來檢視自己,實現突破的寶典。

希望通過這個指南,大家可以打通自己的任督二脈,在前端的路上更進一步。

本倉庫大量採用圖的形式來傳達知識,所謂一圖勝千言,希望通過這種圖文並茂的表達方式讓你更容易記住一些抽象,難以理解的概念。

lucifer.ren/fe-intervie…

fe-interview

該專題的面試內容包含:HTML + CSS + JS + ES6 + Webpack + Vue + React + Node + HTTPS + 資料結構與演算法 + Git ,內容還是比較齊全的。

複習前端面試的知識,是為了鞏固前端的基礎知識,最重要的還是平時的積累!

內容大概是一年前了,內容都在一個 readme 檔案裡面,閱讀不是很方便。

github.com/biaochenxuy…

fe-interview

這是一個涉及前端知識題庫 最多(3000+)、最全,參與人數最多的免費開源專案!

前端面試每日 3+1,以面試題來驅動學習,提倡每日學習與思考,每天進步一點!每天早上 5 點純手工釋出面試題(死磕自己,愉悅大家)。

github.com/haizlin/fe-…

node-interview

該專案的目的是教你如何通過餓了麼大前端的面試, 職位是 2~3 年經驗的 Node.js 服務端程式設計師 (並不是全棧)。

需要注意的是, 該專案針對的並不是零基礎的同學, 你需要有一定的 JavaScript/Node.js 基礎, 並且有一定的工作經驗. 另外該專案的重點更準確的說是服務端基礎中 Node.js 程式設計師需要了解的部分。

github.com/ElemeFE/nod…

Front-End-Interview-Notebook

這個倉庫是筆者校招時的前端複習筆記,主要總結一些比較重要的知識點和前端面試問題,對大家應該有所幫助。

github.com/CavsZhouyou…

FE-Interview

每天 get 一個知識點。

前端面試必備題庫,1000+ 面試真題,Html、Css、JavaScript、Vue、React、Node、TypeScript、Webpack、演算法、網路與安全、瀏覽器。

github.com/lgwebdream/…

更多

更多前端面試開源專案 ...

github.com/search?o=de…

最後

好了,【前端GitHub】的第 6 期內容已經講完了,更多精彩請看下方倉庫地址:

原文地址:github.com/FrontEndGit…

平時如何發現好的開源專案,可以看看這兩篇文章:GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源專案恕我直言,你可能連 GitHub 搜尋都不會用 - 如何精準搜尋的神仙技巧

可以加超級貓的 wx:CB834301747 ,一起閒聊前端GitHub。

覺得有用 ?喜歡就收藏,順便點個贊吧,你的支援是我最大的鼓勵!

微信搜 “前端GitHub”,回覆 “電子書” 即可以獲得 160 本前端精華書籍哦。

往期精文

相關文章