開篇
前端開發是一個非常特殊的行業,它的歷史實際上不是很長,但是知識之繁雜,技術迭代速度之快是其他技術所不能比擬的。
winter
在他的《重學前端》課程中提到:
到現在爲止,前端工程師已經成爲研發體系中的重要崗位之一。可是,與此相對的是,我發現極少或者幾乎沒有大學的計算機專業願意開設前端課程,更沒有系統性的教學方案出現。大部分前端工程師的知識,其實都是來自於實踐和工作中零散的學習。
這樣是一個非常真實的現狀,實際上很多前端開發者都是自學甚至轉行過來的,前端入門簡單,學習了幾個API
以後上手做項目也很簡單,但是這往往成爲了限制自身發展的瓶頸。
只是停留在會用階段是遠遠不夠的,我們還需要不斷探索和深入。現在市面上並不缺少學習教程,技術文章,如果盲目的學習你會發現看過以後的知識留存率會很低,而且發現沒有瞭解到的知識越來越多,這會讓人產生焦慮。
實際上,除了堅持學習的強大的自驅力,你還需要一個很簡單的學習方法。那就是:建立自己的知識體系。它能幫助你更系統性的學習,同時你也時刻能知道自己哪些地方是不足的。
我會把我工作和學習中接觸到的知識全部歸納到我的知識體系中,其中不僅僅包括我已經學過的,還有很多我沒有來得及學習的。
這不僅僅是我的知識體系,更是我時刻提醒自己的自檢清單。
下面我會把我的自檢清單分享給大家,你可以按照清單上的知識檢測自己還有哪些不足和提升,我也建議大家建自己的知識體系,這樣工作或者學習甚至面試時,你能快速定位到知識清單中的點,如果你有哪些我沒歸納到的點,歡迎在評論區告訴我。
一、JavaScript基礎
前端工程師吃飯的傢伙,深度、廣度一樣都不能差。
變量和類型
- 1.
JavaScript
規定了幾種語言類型 - 2.
JavaScript
對象的底層數據結構是什麼 - 3.
Symbol
類型在實際開發中的應用、可手動實現一個簡單的Symbol
- 4.
JavaScript
中的變量在內存中的具體存儲形式 - 5.基本類型對應的內置對象,以及他們之間的裝箱拆箱操作
- 6.理解值類型和引用類型
- 7.
null
和undefined
的區別 - 8.至少可以說出三種判斷
JavaScript
數據類型的方式,以及他們的優缺點,如何準確的判斷數組類型 - 9.可能發生隱式類型轉換的場景以及轉換原則,應如何避免或巧妙應用
- 10.出現小數精度丟失的原因,
JavaScript
可以存儲的最大數字、最大安全數字,JavaScript
處理大數字的方法、避免精度丟失的方法
原型和原型鏈
- 1.理解原型設計模式以及
JavaScript
中的原型規則 - 2.
instanceof
的底層實現原理,手動實現一個instanceof
- 4.實現繼承的幾種方式以及他們的優缺點
- 5.至少說出一種開源項目(如
Node
)中應用原型繼承的案例 - 6.可以描述
new
一個對象的詳細過程,手動實現一個new
操作符 - 7.理解
es6 class
構造以及繼承的底層實現原理
作用域和閉包
- 1.理解詞法作用域和動態作用域
- 2.理解
JavaScript
的作用域和作用域鏈 - 3.理解
JavaScript
的執行上下文棧,可以應用堆棧信息快速定位問題 - 4.
this
的原理以及幾種不同使用場景的取值 - 5.閉包的實現原理和作用,可以列舉幾個開發中閉包的實際應用
- 6.理解堆棧溢出和內存泄漏的原理,如何防止
- 7.如何處理循環的異步操作
- 8.理解模塊化解決的實際問題,可列舉幾個模塊化方案並理解其中原理
執行機制
- 1.爲何
try
裏面放return
,finally
還會執行,理解其內部機制 - 2.
JavaScript
如何實現異步編程,可以詳細描述EventLoop
機制 - 3.宏任務和微任務分別有哪些
- 4.可以快速分析一個複雜的異步嵌套邏輯,並掌握分析方法
- 5.使用
Promise
實現串行 - 6.
Node
與瀏覽器EventLoop
的差異 - 7.如何在保證頁面運行流暢的情況下處理海量數據
語法和API
- 1.理解
ECMAScript
和JavaScript
的關係 - 2.熟練運用
es5
、es6
提供的語法規範, - 3.熟練掌握
JavaScript
提供的全局對象(例如Date
、Math
)、全局函數(例如decodeURI
、isNaN
)、全局屬性(例如Infinity
、undefined
) - 4.熟練應用
map
、reduce
、filter
等高階函數解決問題 - 5.
setInterval
需要注意的點,使用settimeout
實現setInterval
- 6.
JavaScript
提供的正則表達式API
、可以使用正則表達式(郵箱校驗、URL
解析、去重等)解決常見問題 - 7.
JavaScript
異常處理的方式,統一的異常處理方案
二、HTML和CSS
HTML
- 1.從規範的角度理解
HTML
,從分類和語義的角度使用標籤 - 2.常用頁面標籤的默認樣式、自帶屬性、不同瀏覽器的差異、處理瀏覽器兼容問題的方式
- 3.元信息類標籤(
head
、title
、meta
)的使用目的和配置方法 - 4.
HTML5
離線緩存原理 - 5.可以使用
Canvas API
、SVG
等繪製高性能的動畫
CSS
- 1.
CSS
盒模型,在不同瀏覽器的差異 - 2.
CSS
所有選擇器及其優先級、使用場景,哪些可以繼承,如何運用at
規則 - 3.
CSS
僞類和僞元素有哪些,它們的區別和實際應用 - 4.
HTML
文檔流的排版規則,CSS
幾種定位的規則、定位參照物、對文檔流的影響,如何選擇最好的定位方式,雪碧圖實現原理 - 5.水平垂直居中的方案、可以實現
6
種以上並對比它們的優缺點 - 6.
BFC
實現原理,可以解決的問題,如何創建BFC
- 7.可使用
CSS
函數複用代碼,實現特殊效果 - 8.
PostCSS
、Sass
、Less
的異同,以及使用配置,至少掌握一種 - 9.
CSS
模塊化方案、如何配置按需加載、如何防止CSS
阻塞渲染 - 10.熟練使用
CSS
實現常見動畫,如漸變、移動、旋轉、縮放等等 - 11.
CSS
瀏覽器兼容性寫法,瞭解不同API
在不同瀏覽器下的兼容性情況 - 12.掌握一套完整的響應式佈局方案
手寫
- 1.手寫圖片瀑布流效果
- 2.使用
CSS
繪製幾何圖形(圓形、三角形、扇形、菱形等) - 3.使用純
CSS
實現曲線運動(貝塞爾曲線) - 4.實現常用佈局(三欄、聖盃、雙飛翼、吸頂),可是說出多種方式並理解其優缺點
三、計算機基礎
關於編譯原理,不需要理解非常深入,但是最基本的原理和概念一定要懂,這對於學習一門編程語言非常重要
編譯原理
- 1.理解代碼到底是什麼,計算機如何將代碼轉換爲可以運行的目標程序
- 2.正則表達式的匹配原理和性能優化
- 3.如何將
JavaScript
代碼解析成抽象語法樹(AST
) - 4.
base64
的編碼原理 - 5.幾種進制的相互轉換計算方法,在
JavaScript
中如何表示和轉換
網絡協議
- 1.理解什麼是協議,瞭解
TCP/IP
網絡協議族的構成,每層協議在應用程序中發揮的作用 - 2.三次握手和四次揮手詳細原理,爲什麼要使用這種機制
- 3.有哪些協議是可靠,
TCP
有哪些手段保證可靠交付 - 4.
DNS
的作用、DNS
解析的詳細過程,DNS
優化原理 - 5.
CDN
的作用和原理 - 6.
HTTP
請求報文和響應報文的具體組成,能理解常見請求頭的含義,有幾種請求方式,區別是什麼 - 7.
HTTP
所有狀態碼的具體含義,看到異常狀態碼能快速定位問題 - 8.
HTTP1.1
、HTTP2.0
帶來的改變 - 9.
HTTPS
的加密原理,如何開啓HTTPS
,如何劫持HTTPS
請求 - 10.理解
WebSocket
協議的底層原理、與HTTP
的區別
設計模式
- 1.熟練使用前端常用的設計模式編寫代碼,如單例模式、裝飾器模式、代理模式等
- 2.發佈訂閱模式和觀察者模式的異同以及實際應用
- 3.可以說出幾種設計模式在開發中的實際應用,理解框架源碼中對設計模式的應用
四、數據結構和算法
據我瞭解的大部分前端對這部分知識有些欠缺,甚至抵觸,但是,如果突破更高的天花板,這部分知識是必不可少的,而且我親身經歷——非常有用!
JavaScript編碼能力
- 1.多種方式實現數組去重、扁平化、對比優缺點
- 2.多種方式實現深拷貝、對比優缺點
- 3.手寫函數柯里化工具函數、並理解其應用場景和優勢
- 4.手寫防抖和節流工具函數、並理解其內部原理和應用場景
- 5.實現一個
sleep
函數
手動實現前端輪子
- 1.手動實現
call、apply、bind
- 2.手動實現符合
Promise/A+
規範的Promise
、手動實現async await
- 3.手寫一個
EventEmitter
實現事件發佈、訂閱 - 4.可以說出兩種實現雙向綁定的方案、可以手動實現
- 5.手寫
JSON.stringify
、JSON.parse
- 6.手寫一個模版引擎,並能解釋其中原理
- 7.手寫
懶加載
、下拉刷新
、上拉加載
、預加載
等效果
數據結構
- 1.理解常見數據結構的特點,以及他們在不同場景下使用的優缺點
- 2.理解
數組
、字符串
的存儲原理,並熟練應用他們解決問題 - 3.理解
二叉樹
、棧
、隊列
、哈希表
的基本結構和特點,並可以應用它解決問題 - 4.瞭解
圖
、堆
的基本結構和使用場景
算法
- 1.可計算一個算法的時間複雜度和空間複雜度,可估計業務邏輯代碼的耗時和內存消耗
- 2.至少理解五種排序算法的實現原理、應用場景、優缺點,可快速說出時間、空間複雜度
- 3.瞭解遞歸和循環的優缺點、應用場景、並可在開發中熟練應用
- 4.可應用
回溯算法
、貪心算法
、分治算法
、動態規劃
等解決複雜問題 - 5.前端處理海量數據的算法方案
五、運行環境
我們需要理清語言和環境的關係:
ECMAScript
描述了JavaScript
語言的語法和基本對象規範瀏覽器作爲
JavaScript
的一種運行環境,爲它提供了:文檔對象模型(DOM
),描述處理網頁內容的方法和接口、瀏覽器對象模型(BOM
),描述與瀏覽器進行交互的方法和接口Node也是
JavaScript
的一種運行環境,爲它提供了操作I/O
、網絡等API
瀏覽器API
- 1.瀏覽器提供的符合
W3C
標準的DOM
操作API
、瀏覽器差異、兼容性 - 2.瀏覽器提供的瀏覽器對象模型 (
BOM
)提供的所有全局API
、瀏覽器差異、兼容性 - 3.大量
DOM
操作、海量數據的性能優化(合併操作、Diff
、requestAnimationFrame
等) - 4.瀏覽器海量數據存儲、操作性能優化
- 5.
DOM
事件流的具體實現機制、不同瀏覽器的差異、事件代理 - 6.前端發起網絡請求的幾種方式及其底層實現、可以手寫原生
ajax
、fetch
、可以熟練使用第三方庫 - 7.瀏覽器的同源策略,如何避免同源策略,幾種方式的異同點以及如何選型
- 8.瀏覽器提供的幾種存儲機制、優缺點、開發中正確的選擇
- 9.瀏覽器跨標籤通信
瀏覽器原理
- 1.各瀏覽器使用的
JavaScript
引擎以及它們的異同點、如何在代碼中進行區分 - 2.請求數據到請求結束與服務器進行了幾次交互
- 3.可詳細描述瀏覽器從輸入
URL
到頁面展現的詳細過程 - 4.瀏覽器解析
HTML
代碼的原理,以及構建DOM
樹的流程 - 5.瀏覽器如何解析
CSS
規則,並將其應用到DOM
樹上 - 6.瀏覽器如何將解析好的帶有樣式的
DOM
樹進行繪製 - 7.瀏覽器的運行機制,如何配置資源異步同步加載
- 8.瀏覽器迴流與重繪的底層原理,引發原因,如何有效避免
- 9.瀏覽器的垃圾回收機制,如何避免內存泄漏
- 10.瀏覽器採用的緩存方案,如何選擇和控制合適的緩存方案
Node
- 1.理解
Node
在應用程序中的作用,可以使用Node
搭建前端運行環境、使用Node
操作文件、操作數據庫等等 - 2.掌握一種
Node
開發框架,如Express
,Express
和Koa
的區別 - 3.熟練使用
Node
提供的API
如Path
、Http
、Child Process
等並理解其實現原理 - 4.
Node
的底層運行原理、和瀏覽器的異同 - 5.
Node
事件驅動、非阻塞機制的實現原理
六、框架和類庫
輪子層出不窮,從原理上理解纔是正道
TypeScript
- 1.理解
泛型
、接口
等面向對象的相關概念,TypeScript
對面向對象理念的實現 - 2.理解使用
TypeScript
的好處,掌握TypeScript
基礎語法 - 3.
TypeScript
的規則檢測原理 - 4.可以在
React
、Vue
等框架中使用TypeScript
進行開發
React
- 1.
React
和vue
選型和優缺點、核心架構的區別 - 2.
React
中setState
的執行機制,如何有效的管理狀態 - 3.
React
的事件底層實現機制 - 4.
React
的虛擬DOM
和Diff
算法的內部實現 - 5.
React
的Fiber
工作原理,解決了什麼問題 - 6.
React Router
和Vue Router
的底層實現原理、動態加載實現原理 - 7.可熟練應用
React API
、生命週期等,可應用HOC
、render props
、Hooks
等高階用法解決問題 - 8.基於
React
的特性和原理,可以手動實現一個簡單的React
Vue
- 1.熟練使用
Vue
的API
、生命週期、鉤子函數 - 2.
MVVM
框架設計理念 - 3.
Vue
雙向綁定實現原理、Diff
算法的內部實現 - 4.
Vue
的事件機制 - 5.從
template
轉換成真實DOM
的實現機制
多端開發
- 2.單頁面應用(
SPA
)的原理和優缺點,掌握一種快速開發SPA
的方案 - 3.理解
Viewport
、em
、rem
的原理和用法,分辨率、px
、ppi
、dpi
、dp
的區別和實際應用 - 3.移動端頁面適配解決方案、不同機型適配方案
- 4.掌握一種
JavaScript
移動客戶端開發技術,如React Native
:可以搭建React Native
開發環境,熟練進行開發,可理解React Native
的運作原理,不同端適配 - 5.掌握一種
JavaScript
PC
客戶端開發技術,如Electron
:可搭建Electron
開發環境,熟練進行開發,可理解Electron
的運作原理 - 6.掌握一種小程序開發框架或原生小程序開發
- 7.理解多端框架的內部實現原理,至少了解一個多端框架的使用
數據流管理
- 1.掌握
React
和Vue
傳統的跨組件通信方案,對比採用數據流管理框架的異同 - 2.熟練使用
Redux
管理數據流,並理解其實現原理,中間件實現原理 - 3.熟練使用
Mobx
管理數據流,並理解其實現原理,相比Redux
有什麼優勢 - 4.熟練使用
Vuex
管理數據流,並理解其實現原理 - 5.以上數據流方案的異同和優缺點,不情況下的技術選型
實用庫
- 1.至少掌握一種
UI
組件框架,如antd design
,理解其設計理念、底層實現 - 2.掌握一種圖表繪製框架,如
Echart
,理解其設計理念、底層實現,可以自己實現圖表 - 3.掌握一種
GIS
開發框架,如百度地圖API
- 4.掌握一種可視化開發框架,如
Three.js
、D3
- 5.工具函數庫,如
lodash
、underscore
、moment
等,理解使用的工具類或工具函數的具體實現原理
開發和調試
- 1.熟練使用各瀏覽器提供的調試工具
- 2.熟練使用一種代理工具實現請求代理、抓包,如
charls
- 3.可以使用
Android
、IOS
模擬器進行調試,並掌握一種真機調試方案 - 4.瞭解
Vue
、React
等框架調試工具的使用
七、前端工程
前端工程化:以工程化方法和工具提高開發生產效率、降低維護難度
項目構建
- 1.理解
npm
、yarn
依賴包管理的原理,兩者的區別 - 2.可以使用
npm
運行自定義腳本 - 3.理解
Babel
、ESLint
、webpack
等工具在項目中承擔的作用 - 4.
ESLint
規則檢測原理,常用的ESLint
配置 - 5.
Babel
的核心原理,可以自己編寫一個Babel
插件 - 6.可以配置一種前端代碼兼容方案,如
Polyfill
- 7.
Webpack
的編譯原理、構建流程、熱更新原理,chunk
、bundle
和module
的區別和應用 - 8.可熟練配置已有的
loaders
和plugins
解決問題,可以自己編寫loaders
和plugins
nginx
- 1.正向代理與反向代理的特點和實例
- 2.可手動搭建一個簡單的
nginx
服務器、 - 3.熟練應用常用的
nginx
內置變量,掌握常用的匹配規則寫法 - 4.可以用
nginx
實現請求過濾、配置gzip
、負載均衡等,並能解釋其內部原理
開發提速
- 1.熟練掌握一種接口管理、接口
mock
工具的使用,如yapi
- 2.掌握一種高效的日誌埋點方案,可快速使用日誌查詢工具定位線上問題
- 3.理解
TDD
與BDD
模式,至少會使用一種前端單元測試框架
版本控制
- 1.理解
Git
的核心原理、工作流程、和SVN
的區別 - 2.熟練使用常規的
Git
命令、git rebase
、git stash
等進階命令 - 3.可以快速解決
線上分支回滾
、線上分支錯誤合併
等複雜問題
持續集成
- 1.理解
CI/CD
技術的意義,至少熟練掌握一種CI/CD
工具的使用,如Jenkins
- 2.可以獨自完成架構設計、技術選型、環境搭建、全流程開發、部署上線等一套完整的開發流程(包括
Web
應用、移動客戶端應用、PC
客戶端應用、小程序、H5
等等)
八、項目和業務
後端技能
- 1.瞭解後端的開發方式,在應用程序中的作用,至少會使用一種後端語言
- 2.掌握數據最終在數據庫中是如何落地存儲的,能看懂表結構設計、表之間的關聯,至少會使用一種數據庫
性能優化
- 1.瞭解前端性能衡量指標、性能監控要點,掌握一種前端性能監控方案
- 2.瞭解常見的
Web
、App
性能優化方案 - 3.
SEO
排名規則、SEO
優化方案、前後端分離的SEO
- 4.
SSR
實現方案、優缺點、及其性能優化 - 5.
Webpack
的性能優化方案 - 6.
Canvas
性能優化方案 - 7.
React
、Vue
等框架使用性能優化方案
前端安全
- 1.
XSS
攻擊的原理、分類、具體案例,前端如何防禦 - 2.
CSRF
攻擊的原理、具體案例,前端如何防禦 - 3.
HTTP
劫持、頁面劫持的原理、防禦措施
業務相關
- 1.能理解所開發項目的整體業務形態、業務目標、業務架構,可以快速定位線上業務問題
- 2.能理解所開發項目整體的技術架構、能快讀的根據新需求進行開發規劃、能快速根據業務報警、線上日誌等定位並解決線上技術問題
- 3.可以將自己的想法或新技術在業務中落地實踐,儘量在團隊中擁有一定的不可替代性
九、學習提升
vczh
大神在知乎問題【如何能以後達到溫趙輪三位大神的水平?】下的回答:
這十幾年我一共做了三件事:
- 1、不以賺錢爲目的選擇學習的內容;
- 2、以自己是否能造出輪子來衡量學習的效果;
- 3、堅持每天寫自己的代碼,前10年每天至少6個小時,不包含學習和工作的時間。
上面幾點可能有點難,第一點我就做不到,但是做到下面績點還是比較容易的。關於寫博客說明下,能給別人講明白的知識會比自己學習掌握的要深刻許多
- 1.擁有自己的技術博客,或者在一些博客平臺上擁有自己的專欄
- 2.定期的將知識進行總結,不斷完善自己的知識體系
- 3.儘量將自己的知識轉換成真實的產出,不要僅僅停留在書面理解層面,更重要的是實際應用
- 4.堅持輸出
自己
的代碼,不要盲目的扎進公司業
十、技術之外
這部分可能比上面九條加起來重要!
- 1.瞭解互聯網人員術語:
CEO
、CTO
、COO
、CFO
、PM
、QA
、UI
、FE
、DEV
、DBA
、OPS
等 - 2.瞭解互聯網行業術語:
B2B
、B2C
、C2C
、O2O
等 - 3.掌握互聯網行業溝通、問答、學習的
- 4.有一定的
"PPT"
能力 - 5.有一定的理財意識,至少了解儲蓄、貨幣基金、保險、指數基金、股票等基本的理財知識
- 6.掌握在繁重的工作和長期的電腦輻射的情況下保持健康的方法,建立正確的養生知識體系
十一、資源推薦
有了知識體系,在閱讀一篇技術文章的時候就很容易把它歸類,我一直以來就是這樣做的。
事實證明,在閱讀文章或書籍時,有目的和歸類的閱讀比"隨便看看"後的只是留存率要高很多。
每閱讀到一篇好的文章或者書籍,我都會收藏並歸類到我的知識體系中。
下面是一些我覺得還不錯的文章、博客或者書籍教程等等,分享給大家,資源不多,但都是精品。
學習一門知識,最好先閱讀官方文檔,把所有的API
大概瀏覽一遍,再繼續看大佬們總結的進階知識,什麼東西是搬運過來的,什麼是乾貨,一目瞭然。
語言基礎
- [📚]
JavaScript
高級程序設計(必看):https://book.douban.com/subje... - [📚]高性能
JavaScript
:https://book.douban.com/subje... - 現代
JavaScript
教程:https://zh.javascript.info/ - 阮一峯的
ECMAScript 6
教程:http://es6.ruanyifeng.com/ -
ECMAScript 6
標準:https://www.ecma-internationa... -
HTML meta
標籤總結與屬性使用介紹:https://segmentfault.com/a/11... -
CSS
編碼指導:https://github.com/chadluo/CS...
計算機基礎
- 大前端開發者需要了解的基礎編譯原理和語言知識:http://fullstack.blog/2017/06...
- 圖解
HTTP
:https://book.douban.com/subje... - [📚]
JavaScript
設計模式與開發實踐:https://book.douban.com/subje... - 正則表達式30分鐘入門教程:https://link.juejin.im/?targe...
數據結構和算法
- 數據結構與算法之美:https://time.geekbang.org/col...
- 用動畫的形式呈現解
LeetCode
題目的思路:https://github.com/MisterBooo... -
JavaScript
數據結構和算法:https://github.com/ConardLi/a... -
30-seconds-of-code
(裏面有很多js
代碼非常巧妙,我正在將它翻譯成中文):https://github.com/ConardLi/3...
運行環境
- 《重學前端》中的瀏覽器原理章節:https://time.geekbang.org/col...
- 圖解瀏覽器的基本工作原理:https://zhuanlan.zhihu.com/p/...
- 七天學會
NodeJS
:https://github.com/nqdeng/7-d... -
Node.js
模塊加載與運行原理:https://efe.baidu.com/blog/no...
框架和類庫
-
TypeScript Handbook
:https://zhongsp.gitbooks.io/t... -
React.js
小書:http://huziketang.mangojuice.... -
React
深入系列:https://juejin.im/post/5cad39... -
Webpack React
小書:https://fakefish.github.io/re... -
Vue.js
技術揭祕:https://github.com/ustbhuangy... -
Vuex
-在Vue
中管理狀態:https://sabe.io/tutorials/get... - 你需要
Mobx
還是Redux
?:https://juejin.im/post/5a7fd7... -
Underscore
源碼分析:https://yoyoyohamapi.gitbooks... - 微信小程序開發資源彙總:https://github.com/justjavac/...
- 騰訊移動
Web
前端知識庫:https://github.com/AlloyTeam/...
前端工程
- 一口(很長的)氣了解
babel
:https://zhuanlan.zhihu.com/p/... -
Webpack
傻瓜式指南:https://zhuanlan.zhihu.com/p/... -
Webpack
原理:https://segmentfault.com/a/11... - 廖雪峯的
git
教程:https://www.liaoxuefeng.com/w... - 圖解
Git
:https://marklodato.github.io/... - 前端開發者必備的
Nginx
知識:https://juejin.im/post/5c85a6... - 使用Jenkins進行持續集成:https://www.liaoxuefeng.com/a...
項目和業務
- 常見六大
Web
安全攻防解析:https://github.com/ljianshu/B... - 深入理解前端性能監控:https://juejin.im/post/5caaac...
- [📚]高性能網站建設指南:https://book.douban.com/subje...
- 新人如何快速融入技術實力強的前端團隊:https://juejin.im/post/5cb860...
學習提升
- 印記中文(各種中文開發文檔):https://www.docschina.org/
- 前端學習方法:https://github.com/helloqingf...
- 如何在工作內外獲得持續的技術成長:https://juejin.im/post/5cbd74...
- 優秀的前端博客彙總:https://github.com/foru17/fro...
另外推薦我一直在關注的幾位大佬的個人博客:
- 冴羽的博客:https://github.com/mqyqingfen...
- 張鑫旭的博客:https://www.zhangxinxu.com/wo...
- 左耳朵耗子:https://coolshell.cn/
技術之外
- 互聯網術語大全:https://www.jianshu.com/p/9a7...
- 互聯網溝通、問答、學習的藝術:https://zhuanlan.zhihu.com/p/...
- 經常加班至深夜,怎樣才能保持身體健康:https://www.zhihu.com/questio...
其實在這個信息發達的時代最不缺的就是資源,如何從衆多的資源中獲取到真正精華的部分,是非常重要的,資源在於精不在於多,強烈建議在保證深度的情況下再保證廣度。
小結
希望你閱讀本篇文章後可以達到以下幾點:
- 從知識清單中找到自己的知識盲點與欠缺
- 具有知識體系化的思想,開始建立自己的知識體系
- 閱讀文章時將知識歸類到知識體系中,並不斷完善自己的知識體系
- 從文章中獲取到了有用的資源
文中如有錯誤,歡迎在評論區指正,如果這篇文章幫助到了你,歡迎點贊和關注。
如果你有什麼好的知識、資源推薦,歡迎在評論區留言。
想閱讀更多優質文章、下載文章中思維導圖源文件、可關注我的github博客,後續的文章我也會按照知識清單來寫,你的star✨、點贊和關注是我持續創作的動力!
推薦關注我的微信公衆號【code祕密花園】,每天推送高質量文章,我們一起交流成長。