在掘金微信群裡的小夥伴應該都有看每日小報吧！這是小餅每天為大家精選的優質掘金文章（大家都很愛學習，我已經跟不上了QAQ..）小餅已經被N位群友連續幾周催著出小報合集了，2017年馬上就要結束了，拖延症絕不拖到明年！這就給大家整理出來——掘金2017下半年優質小報合集。）
CSS／頁面佈局
從a標籤為什麼不能包含div標籤-瞭解HTML5元素分類與內容模型
JavaScript
這些JavaScript程式設計黑科技，裝逼指南，高逼格程式碼，讓你驚歎不已
從一個 JSON.parse 錯誤深入研究 JavaScript 的轉義字元
如何用 3KB 不到的 JavaScript 實現微機模擬器
編寫自己的程式碼庫（javascript常用例項的實現與封裝）
這一次，徹底弄懂javascript執行機制 關於JavaScript物件，你所不知道的事（一）- 先談物件
JavaScript 工作原理：記憶體管理 + 處理常見的4種記憶體洩漏
JavaScript非同步程式設計大冒險: Async/Await
你所不知道的 Typescript 與 Redux 型別優化
【譯】JavaScript 如何工作的: 事件迴圈和非同步程式設計的崛起 + 5 個關於如何使用 async/await 編寫更好的技巧
ES6 中的超程式設計：第一部分 —— Symbol，了不起的 Symbol
前端框架
React
從Preact瞭解一個類React的框架是怎麼實現的(三): 元件
1分鐘讀完《我希望在深入 React 之前知道這些》 React Render Array 效能大亂鬥
Typescript+React+Redux-Observable腳手架
Vue.js
vue router 如何使用params query傳參，以及有什麼區別
State of Vue.js report 2017 中文版
Vue 脫坑記 - 查漏補缺(彙總下群裡高頻詢問的xxx及給出不靠譜的解決方案)
nuxt(vue) + koa + mongo 寫blog的一次小結
從template到DOM(Vue.js原始碼角度看內部執行機制)
另闢蹊徑：vue單頁面，多路由，前進重新整理，後退不重新整理
一起來擁抱強大的TypeScript吧--Ts+Vue完全教程（附Demo專案）
vue-calendar 基於 vue 2.0 開發的輕量，高效能日曆元件
Vue-cli 使用json server在本地模擬請求資料
我們為什麼以及是如何從 Angular.js 遷移到 Vue.js？
Vue2學習小記-給Vue2路由導航鉤子和axios攔截器做個封裝
適用於 Vue 2.0 的功能強大的 ContextMenu 元件
AngularJS
其它
「大前端」weex裡native主動傳送事件到JS的方案實現
2017 年比較 Angular、React、Vue 三劍客
打包工具
Parceljs和Webpack在React專案上打包速度對比
PWA
一份來自 Treebo 的 React 與 Preact PWA 效能分析報告 改造你的網站，變身 PWA
影像／圖表
Android/iOS/Web開發中的動效設計與實現 —— 貝塞爾曲線動畫的插值法
10 個 CSS、SVG 和 Canvas 蒙版（mask）精彩例項 譯用 WebGL 探索動畫和互動技術（一個學習案例）
前端架構
如何管理好10萬行程式碼的前端單頁面應用 微前端 - 將微服務理念延伸到前端開發中
70%以上業務由H5開發，手機QQ Hybrid 的架構如何優化演進？
面試／個人成長
小程式
本地儲存相關
ajax & !async & cookie 是一個冷門的坑
大殺器Bodymovin和Lottie：把AE動畫轉換成HTML5/Android/iOS原生動畫
工具資源
web開發者為什麼選擇Electron去開發跨平臺的桌面客戶端
【輪子】Element UI 的Form, Table, Pagination元件封裝來一波
效能優化相關
效能指標都是些什麼鬼? 前端開發工程師必須關注的幾個效能指標
javascript函數語言程式設計系列 ① call 和 apply
其他
響應式腦電波—如何使用 RxJS、Angular、Web 藍芽以及腦電波頭戴裝置來讓我們的大腦做一些更酷的事
用 Electron 打造 Win/Mac 應用，從「程式碼」到可下載的「安裝包」，可能比你想得麻煩一點
讓我為你介紹一個神器：Chimee，一套可擴充套件的 H5 視訊播放器解決方案
搭建 vue2 vue-router2 webpack3 多入口工程
微信小程式：完成一個tabbar+下拉重新整理元件，需要經歷什麼坑
underscore 系列之如何寫自己的 underscore
ThinkJS 3.0 如何實現對 TypeScript 的支援
2017 年比較 Angular、React、Vue 三劍客
螞蟻金服開源：資料驅動的高互動視覺化圖形語法G2 解鎖Charles的姿勢
為你的網站帶上帽子 — 使用 helmet 保護 Express 應用
import、require、export、module.exports 混合使用詳解
WEEX-EROS | 或許不用 RN 我們也能開發一個 APP
最後：
由於文章確實量很多所以沒有再進行細分了，大家可以Mark起來～不過呢小餅還是建議大家到微信群裡看每日小報，畢竟每天消化一兩篇會更加有用，日積月累就會有很大的收益。反而積攢到一起的話要麼就是「債多了不愁。。」再也不會開啟（比如我TAT）；要麼就是看得很累，要花很多時間來補。
歡迎加入掘金前端交流群，找對屬於你的技術圈子
掃下方二維碼加小編邀請你進群喲