揮別 2016！展望 2017 的前端週刊（第十三期）

前端週刊是一份專爲前端從業人員，以及對前端、設計領域感興趣的朋友們打造的技術週刊。程小獅會精選出前端、設計領域近期相關的資訊、熱點以及技術乾貨，與你們一同分享。

前端週刊專一於前端領域技術分享。但願這份週刊可以成爲你成長的得力助手與夥伴。

整理完 2016 年的最後一期內容，看了看錶，距離 2017 年僅剩下 7 個小時了。忽然發現，還有好多事情本身尚未作。例如，詳細地寫一份年終總結，亦或再翻譯幾篇能對朋友們有幫助的文章......

人生總有一些事情，值得讓咱們傾其全部去追逐、去努力。給本身定個目標，腳踏實地的去積累，相信終歸會有厚積薄發的那一天。

不要讓遺憾留在明天，若是還有想作的事情，那麼，如今就去作吧。

但願 2017 咱們都能達成更多的目標，讓咱們一同努力。《前端週刊》第十三期正式奉上。

前端技術集——前端乾貨彙集地

HTML

1. 如何打造一個高效適配的 H5
地址：http://t.cn/RIqOMVN
做者：風聆

本文做者利用了圖片適配屬性 Object-fit 的縮放思想，爲你們簡單介紹 H5 頁面適配上的幾種展示形式。

2. Canvas Ghost 魔法
地址：http://t.cn/RIlNDrF
做者：Helkyle

使用 Canvas Ghost 製做的兩個神奇的 Demo：不規則圖形範圍檢測與代理事件。

CSS

1. 構建穩固的、可升縮的 CSS 框架的八大原則
地址：http://t.cn/RIfYsKt
譯者：遠楊

從工做中所含蓋的各個大型、複雜的 Web 項目中總結出來的 CSS 框架的八大原則。

2. 2016年 CSS 庫、框架和工具新生榜 TOP 50
地址：http://t.cn/RIKdOzY
譯者：達爾文

盤點 2016 年優秀的 CSS 庫，看看有木有你須要的。

3. 你真的瞭解 background-position
地址：http://t.cn/RIRI2SO
做者：大漠

深刻了解 CSS 常見屬性之 background-position.

4. 關於 CSS 一些細節問題
地址：http://t.cn/RI1TOCf
做者：鐵鍋

關於一些 CSS 細節問題的分享。

JavaScript

1. JavaScript 寫類的前世此生
地址：http://t.cn/RIxpAUe
做者：snandy

經過四部份內容（原始方式寫類、工具函數寫類、常見類庫的寫類、ES6 的寫類）與你們分享 JavaScript 寫類的那些事。

2. 少年，不要濫用箭頭函數啊
地址：http://t.cn/RIxj2RU
做者：jingsam

你搞清楚了箭頭函數是什麼回事，適用於什麼場景了嗎？若是尚未，不妨來看看。

3. 基於 ES6 的模塊化開發
地址：http://t.cn/RI9AvPD
做者：四爺在此

一篇基於 ES6 實踐模塊化開發過程的詳細記錄。

4. 《JavaScript 闖關記》之原型及原型鏈
地址：http://t.cn/RIS6Cao
做者：劼哥stone

關卡挑戰 JavaScript 基礎知識之原型與原型鏈。

5. 如何使用 Tween.js 各種原生動畫運動緩動算法
地址：http://t.cn/RIxIraJ
做者：張鑫旭

瞭解 Tween.js，並掌握 Tween.js 中的緩動算法。

其餘推薦

1. 騰訊移動 Web 前端知識庫
地址：http://t.cn/zQf1fsf
貢獻者：元彥等

一套面向億萬用戶級的移動端 Web 解決方案。

2. 前端：『REM』手機屏幕高清適配方案
地址：http://t.cn/RIGBqCV
做者：hbxeagle

基於手機屏幕適配方案實現的高清適配方案。

3. 2016 年 50 個最佳的輕量級 JavaScript 框架和庫
地址：http://t.cn/RIRuqrw
譯者：IT程序獅

盤點 2016 年優秀的輕量級 JavaScript 框架和庫，看看有木有你的「菜」。

4. 深刻研究 Virtual DOM
地址：http://t.cn/RIEA310
譯者：風君子

圖文並茂的介紹了 Virtual DOM 的各個方面，但願讀到這篇文章的朋友能更好的理解 React 和 Preact .

5. Vue2.0 新手徹底填坑攻略——從環境搭建到展現豆瓣的電影列表
地址：http://t.cn/RVt0x5L
做者：Jinkey

實例講解 Vue2.0 .

6. 京東 2016 版首頁改版前端總結
地址：http://t.cn/RIuSlfx
做者：luckyadam

本文針對京東 2016 版首頁改版工做中提煉的工做方法，以及優化方式進行的總結。

前端新手家園——前端新人好幫手

1. 九大基礎排序總結與對比
地址：http://t.cn/R5cgeIz
做者：lucky.7

本文詳細記錄了九大基礎排序的概述、實現步驟以及經過 Java 的實現，供學習算法的朋友們參考。

2. 正則表達式理論篇
地址：http://t.cn/RfMPYLj
做者：暖暖

跟妹子學習正則表達式——理論篇。

3. 正則表達式實踐篇
地址：http://t.cn/RfsDnBh
做者：暖暖

跟妹子學習正則表達式——實踐篇。

4. 貓的前端回憶錄
地址：http://t.cn/RIp0XEG
做者：Winds

一些有用的前端工具整理。涉及文章、UI 框架、教程、速查表等方方面面。

5. 面向新手的 Node.js 教程：N-blog 項目
地址：http://t.cn/z80ZDZt
做者：nswbmw

利用實際項目學習 Node.js .

前端猿與射雞屍——設計的那些事

1. 2016 年度設計精選大盤點
地址：http://t.cn/RIcjNpo
譯者：爆炒地瓜

2016 年不可錯過的設計工做室、設計師、創意網站、設計博客、設計趨勢等精品推薦。

2. 2017 年設計行業會有哪些變化？
地址：http://t.cn/RITvfim
做者：LOGO大師

總結過去展望下新的一年，聊聊 2017 年設計行業會發生什麼變化。

3. 2017 年有哪些值得一看的設計趨勢
地址：http://t.cn/RIo9RuB
做者： 蘑菇街 uni 事業部設計團隊

經過七個方面瞭解 2017 年值得一看的設計趨勢。

程序人生——程序員的成長與故事

1. 程序員們也該知道的事——「期權和股票」
地址：http://t.cn/RI6uTAr
做者：精神哥

帶你們瞭解股票與期權的方方面面。

2. 技術人員的發展之路
地址：http://t.cn/RIEqbhZ
做者：陳皓

程序老司機的年終總結。相信，本文會對你有很多的啓發。

若是喜歡本期內容，不妨點個贊，謝謝！ 2017 年《前端週刊》將會繼續陪伴你們一同前進。