JavaScript

• DDFE 原創 - flow的使用

• 年終盤點！2016 年 50 個最佳的輕量級 JavaScript 框架和庫

• Javascript填坑史

• 不寫分號的前端攻城師們注意了！需要加分號的情況又多了一種

• JS 5種不同的方法實現裝飾者模式（譯）

• fuse-box - A blazing fast js bundler/loader with a comprehensive API

Webpack

• DDFE 原創 - webpack.DefinePlugin使用介紹

• webpack-bundle-analyzer

Vue

• JSONP - vue-resource

• Vue in 2016（請自備梯子）

CSS3

• CSS 預處理語言的模塊化實踐

• CSS in Native

• When to use which CSS methodology

• CSS Modules 用法教程

HTML5

• 骨骼動畫在H5使用攻略

• prerender-spa-plugin - Prerenders static HTML in a single-page application.

微信小程序

• 微信小程序教程：高仿一個漂亮的手機界面 partA（極其詳細）

React

• 基於Webpack 2的React組件懶載入

HTTP 協議

• 深入揭秘HTTPS安全問題&連接建立全過程

工具

• Chrome DevTools 官方文檔 – 檢查動畫

• Chrome DevTools 官方文檔 – 編輯 DOM

• Chrome DevTools – 配置和自定義DevTools

• Chrome DevTools – 鍵盤和UI快捷鍵參考

• Chrome DevTools – 調試 Progressive Web Apps

• Chrome DevTools – 了解安全問題(Security 面板)

• CSS怎麼居中

• hyper.js - JS/HTML/CSS Terminal

總結

• 送給你的100篇前端技術好文，收藏指數滿格！

其他

• 如何設計友好的 WebHook

• 解讀2016，眺望2017：運維的風口在哪？

• 讓運維也學學前端，那天下就太平了

• gitlab-docker-ci - 基於docker 與 gitlab CI 做一個簡單夠用的持續集成環境

• 如何判斷當前瀏覽器是否支持某一個emoji

推薦閱讀：