前端周刊第62期：學習學習再學習

01-29

共 2462 字，讀完需 4 分鐘。騰訊前端技術大會（TFC）和全球技術領導力峰會（GTLC）都於上周閉幕，我翻看了下講稿，有價值的參考還是不少。不過本周的重點推薦推薦還是 Coursera 上的《Learning How to Learn》課程，只有真正學會了如何學習（元學習的能力），我們才能更好的學習，這也是本文副標題「學習學習再學習」的來源（概念是李笑來發明的）。最近在招實習生，也收錄了部分高質量的面試資料分享給大家。以下是本周精選內容，請享用。

技術動態

全球技術領導力峰會 PPT 下載

學習新知、探索未知、提升自我是技術人的本能，而對技術領導者來說，技術之外，更是有著廣袤的世界亟待探索。全球技術領導力峰會（GTLC）是由極客邦主辦的技術領導人盛會，今年是第二屆，主題為「探索圓外的世界」，邀請了互聯網及傳統行業的權威技術領袖分享他們關於技術、行業、商業、投資、領導力的實踐與見解。有志於成長為技術領導者的同學可以細細研究下。

騰訊 WEB 前端大會 PPT 下載

騰訊 WEB 前端大會（TFC）2017 是由騰訊主辦，廣邀國內外的前端大牛，有著名流行框架的作者、知名前端書籍的作者、WEB 工程化方面的權威等。部分講師是從騰訊上千名前端工程師中精挑細選的優秀高級工程師，內容不僅涵蓋 WEB 新技術、Node.js、框架、工程化、圖形處理等前端前沿內容，還包含極致的性能優化、海量用戶運營等具有騰訊前端特色的寶貴經驗。沒有去現場的同學，PPT 的學習不可錯過。

文章教程

前端框架發展簡史

原標題為《Choosing a frontend framework in 2017》，實際上介紹了自 Backbone 以來，各種前端框架（Angular.js、Angular、React、Ember.js等）出現的背景及後來的演變路徑，可見作者對於每個框架的特點都非常熟悉，文末有人問作者為啥沒提到 Vue.js，作者的觀點也比較明確：Vue.js 是個非常不錯的框架，目前集成了大多數框架的優點，但是還沒有創造出新的特性。

你應該知道的 6 個 React Native 性能貼士

React Native 本身性能是非常好的，但是代碼寫的不好也很容易出現性能較差的 APP，在 Android 上尤其如此，為什麼會如此？寫出高性能的 APP 有哪些坑要避開？這篇文章開局介紹了 React Native 的基本工作原理，然後給出了幾條操作性非常強的建議，內容涵蓋組件優化、動畫、導航等。

像產品一樣打造樣式規範

續前篇《想產品一樣打造交付流水線》，原題為《Style Guides as Products》，很多同學都知道樣式規範的重要性，部分公司制定了自己的樣式規範，只有極少數公司的樣式規範能真正落到實處，成為開發者主動擁抱和維護的項目。你有沒有覺得這跟做產品很像，技術人的產品觀可以體現在很多地方，這次你也跟作者一起思考下如何用產品思維來打造樣式規範吧。

開發工具

bundlesize：打包後代碼體積的哨兵

bundlesize 是一個很容易與 Travis、Circle 等 CI 平台集合的工具，能夠幫你檢查項目打包後的代碼體積，並標識在你的 Pull Request 裡面，讓開發者在把代碼合入主幹之前對代碼體積的變化做到心中有數，配置僅需 2 步，諸如 preact、styled-components 這類的開源項目都在使用了。

create-component-app：react 組件初始化工具

高效的工程師都會重度使用命令行，使用 react 創建組件時你還在複製粘貼么？是時候換個新的姿勢了，create-component-app 提供了可高度自定義的命令行式的組件創建方法，支持配置組件的名稱、種類（如 class、pure、stateless）、樣式寫法。嫌這個命令太長了？去設置個 alias 不好么？

代碼框架

jsdiff：基於 JS 的文本比較演算法

這是基於 JS 的文本 diff 實現，diff 不僅僅在代碼管理領域適用，比如 git，在文檔管理領域也是使用的，比如 confluence wiki 的文檔歷史，在業務系統中甚至也是適用的，如果你想在業務系統中保存詳盡的操作日誌，即回答「誰在什麼時間把什麼欄位從什麼改成了什麼這個問題的時候」你可能需要用到這個思路。

frontexpress：瀏覽器裡面的 express.js

非常喜歡 express.js 裡面的中間件開發模式？使用 frontexpress 在瀏覽器裡面也可以寫幾乎相同的代碼了，frontexpress 是輕量級的瀏覽器端路由管理工具，如果你不依賴任何框架編寫代碼，它會是個不錯的選擇。

找找靈感

React Native UI Kitten：包含 40 個頁面的參考項目

跟早些時候出來的 Vue.js 開發的高仿餓了么很像，幾乎包含了現代 APP 應用會用到的所有界面，比如載入中頁面、登錄、註冊、儀錶盤、列表、詳情等，基於 react-native-ui-kitten 開發，集成了 Google Analytics 和 react-navigation，剛入門 react native 的同學可以參考。

lnxpcs：讓你看起來更極客的設計

這個倉庫收集了不下 50 個跟 Linux 有關的藝術設計，比如各種 Linux 髮型版本、Shell 版本、只有技術人才能看懂的漫畫等等，每個藝術設計甚至有對應的紀念衫可以購買，你有沒有興趣自己去印一件？

作為程序員的我年輕時犯的錯

十年互聯網老兵的嘔血總結，拉長了時間跨度的經驗總結顯得彌足珍貴：不要局限於一個平台、一門語言；不要為了錢去追求管理崗位；騰出時間放空自己；持續編碼；積极參与社區等，對於剛入行或者入行幾年的你是否有啟示？

最佳前端面試問題梳理

面試對於技術人，尤其是剛入門的技術人來說尤其重要，這篇文章道出了面試的基本框架，考察概念、編碼、Debug、設計能力，對時下比較常被問到的前端面試題提出了自己的看法，並且給出了不少的比較有意思，我也時常在用的問題，如果你正在準備實習或者找工作，可以參考。

視頻教程

Learning How to Learn：元認知能力提升必學課程

個人非常喜歡的 Coursera 課程，主要內容是學習和認知的客觀規律：你能透過這門課程看清人是如何學會一門新技能；為何花了很多時間學習大腦卻感覺一團漿糊原因。不得不說；人的大腦和思維方式有哪些天生的缺陷，改如何避免。在這樣一個知識爆炸的時代，你更應該需要掌握如何學習的底層方法。

精彩問答

漫畫：什麼是動態規劃？

走台階問題的動態規劃解法是很多大科技公司面試的時候會問的，你當時都答上來了么？這篇文章用比較生動有趣的方式介紹了什麼是動態規劃，動態規劃的基本要素有哪些，怎麼用它來解決簡單的問題和複雜的問題。

怎樣花兩年時間去面試一個人？

Joel Spolsky 曾經感嘆：招聘難，難於上青天，再難的問題也是有辦法的，作者在本文給出了一個比較獨特的招聘思路，基於書單和 GitHub，花費兩年去面試一個人，雖然我們公司沒有完全照這個實踐，但是看不看書，GitHub 的代碼在評估候選人的時候都是會綜合考慮的。如果還沒寫多少代碼，這篇文章的書單對你來說會是個不錯的資源。

One More Thing

本文作者王仕軍，商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。如果你覺得本文對你有幫助，請點贊！如果對文中的內容有任何疑問，歡迎留言討論。想知道我接下來會寫些什麼？歡迎訂閱我的掘金專欄或知乎專欄：《前端周刊：讓你在前端領域跟上時代的腳步》。

Happy Hacking