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

時間 2019-12-13

標籤前端週刊學習简体版

原文原文鏈接

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

技術動態

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

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

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

文章教程

前端框架發展簡史

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

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

React Native 自己性能是很是好的，可是代碼寫的很差也很容易出現性能較差的 APP，在 Android 上尤爲如此，爲何會如此？寫出高性能的 APP 有哪些坑要避開？這篇文章開局介紹了 React Native 的基本工做原理，而後給出了幾條操做性很是強的建議，內容涵蓋組件優化、動畫、導航等。程序員

像產品同樣打造樣式規範

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

開發工具

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

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

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 是輕量級的瀏覽器端路由管理工具，若是你不依賴任何框架編寫代碼，它會是個不錯的選擇。express

找找靈感

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 的代碼在評估候選人的時候都是會綜合考慮的。若是還沒寫多少代碼，這篇文章的書單對你來講會是個不錯的資源。