年初按照慣例,是應該立下flag的時候了。
把2018年積累的一些碎片化的好文都梳理了一遍,知識體系化後學習會變得更加有目的性,從而提升學習效率(github地址)。
JS篇
資料型別
- JS基本資料型別和引用資料型別的區別及深淺拷貝
- JS的第七種資料型別
- JS中typeof與instanceof的區別
- typeof null 為什麼等於 object?
- 為什麼用Object.prototype.toString.call(obj)檢測物件型別?
- JS顯性資料型別轉換和隱性資料型別轉換
- 理解Object.defineProperty的作用
this
- 深入理解 js this 繫結 ( 無需死記硬背,尾部有總結和麵試題解析 )
- 前端基礎進階(五):全方位解讀this
- this、apply、call、bind
- JavaScript中的call、apply、bind深入理解
作用域鏈與閉包
- JavaScript中作用域和作用域鏈的簡單理解(變數提升)
- JavaScript作用域、上下文、執行期上下文、作用域鏈、閉包
- 前端基礎進階(四):詳細圖解作用域鏈與閉包
- JavaScript 閉包入門(譯文)
- JavaScript深入之閉包
- JavaScript 閉包
- 瀏覽器是怎麼看閉包的。
原型與原型鏈
- 白話原型和原型鏈
- 前端基礎進階(九):詳解物件導向、建構函式、原型與原型鏈
- 最詳盡的 JS 原型與原型鏈終極詳解,沒有「可能是」。(一)
- 最詳盡的 JS 原型與原型鏈終極詳解,沒有「可能是」。(二)
- 最詳盡的 JS 原型與原型鏈終極詳解,沒有「可能是」。(三)
JS執行底層
ES6/ES7..
- ES6 系列之 let 和 const
- 前端基礎進階(十四):es6常用基礎合集
- ES6 系列之箭頭函式
- JavaScript初學者必看“箭頭函式”
- Promise之你看得懂的Promise
- ES6 系列之我們來聊聊 Promise
- Promise原理講解 &
&
實現一個Promise物件 (遵循Promise/A+規範) - web前端-js繼承的理解
- js 深拷貝 vs 淺拷貝
- 深拷貝的終極探索(90%的人都不知道)
- 理解 async/await
- ES6 系列之我們來聊聊 Async
除此之外強烈推薦冴羽老師的ES6系列文章,深入骨髓的理解ES6中的核心。
TypeScript
Node
- Node入門
- 談談Node中的常見概念
- Node &
Express 入門指南 - Express使用手記:核心入門
- node進階——之事無鉅細手寫koa原始碼
- 帶你走進 koa2 的世界(koa2 原始碼淺談)
- fly.js—Node下增強的API
HTML/CSS篇
- CSS 常見佈局方式
- 【整理】CSS佈局方案
- CSS查漏補缺
- [佈局概念] 關於CSS-BFC深入理解
- [譯]這些 CSS 命名規範將省下你大把除錯時間
- CSS知識總結
- 前端開發規範:命名規範、html規範、css規範、js規範
HTTP
效能&
優化篇
- 瀏覽器的迴流與重繪 (Reflow &
Repaint) - 瀏覽器快取
- 瀏覽器前端優化
- 瀏覽器渲染引擎
- JavaScript 瀏覽器事件解析
- 前端效能——監控起步
- javascript效能優化
- 瀏覽器效能優化-渲染效能
- 瀏覽器渲染過程與效能優化
- 現代瀏覽器效能優化-CSS篇
- 瀏覽器工作原理及web 效能優化
Webpack篇
- webpack詳解
- Webpack4優化之路
- webpack4之高階篇
- webpack4-用之初體驗,一起敲它十一遍
- ?免費的漸進式教程:Webpack4的16篇講解和16份程式碼
- 手寫一個webpack4.0配置
React篇
面試篇
- HTML&
&
css面試題 - Excuse me?這個前端面試在搞事!
- 80% 應聘者都不及格的 JS 面試題
- 2019年前端面試都聊啥?一起來看看
- 一篇文章搞定前端面試
- 如何輕鬆拿到淘寶前端 offer | 掘金技術徵文
- 騰訊前端面試篇(一)
- 騰訊前端面試篇(二)
一點感悟
在大前端的時代,要學的知識越來越多,唯有不斷的學習不斷的積累才能走的更遠!本文也會不斷的更新下去,希望能幫助到更多的前端愛好者。當然如果你有好文章推薦的話,不妨留言評論,大家一起分享,一起成長。Learn and live!奉上github。
最後祝掘金上的所有開發者們元旦快樂!