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

wangshijun發表於2019-02-16

clipboard.png

共 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

相關文章