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

共 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


推薦閱讀:

你是為什麼選擇前端這條路呢?
精讀《全鏈路體驗瀏覽器挖礦》
ruff開發板初探
React填坑記(一):組件通信
手把手教你為 React 添加雙向數據綁定(一)

TAG:前端工程师 | 前端开发 | 前端框架 |