共 2462 字服鹅，讀完需 4 分鐘逻卖。騰訊前端技術(shù)大會(huì)（TFC）和全球技術(shù)領(lǐng)導(dǎo)力峰會(huì)（GTLC）都于上周閉幕粘捎，我翻看了下講稿，有價(jià)值的參考還是不少丘侠。不過本周的重點(diǎn)推薦推薦還是 Coursera 上的《Learning How to Learn》課程徒欣，只有真正學(xué)會(huì)了如何學(xué)習(xí)（元學(xué)習(xí)的能力），我們才能更好的學(xué)習(xí)蜗字，這也是本文副標(biāo)題“學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)”的來源（概念是李笑來發(fā)明的）打肝。最近在招實(shí)習(xí)生，也收錄了部分高質(zhì)量的面試資料分享給大家挪捕。以下是本周精選內(nèi)容粗梭，請(qǐng)享用。
技術(shù)動(dòng)態(tài)
全球技術(shù)領(lǐng)導(dǎo)力峰會(huì) PPT 下載
學(xué)習(xí)新知担神、探索未知楼吃、提升自我是技術(shù)人的本能，而對(duì)技術(shù)領(lǐng)導(dǎo)者來說，技術(shù)之外孩锡，更是有著廣袤的世界亟待探索酷宵。全球技術(shù)領(lǐng)導(dǎo)力峰會(huì)（GTLC）是由極客邦主辦的技術(shù)領(lǐng)導(dǎo)人盛會(huì)，今年是第二屆躬窜，主題為“探索圓外的世界”浇垦，邀請(qǐng)了互聯(lián)網(wǎng)及傳統(tǒng)行業(yè)的權(quán)威技術(shù)領(lǐng)袖分享他們關(guān)于技術(shù)、行業(yè)荣挨、商業(yè)男韧、投資、領(lǐng)導(dǎo)力的實(shí)踐與見解默垄。有志于成長(zhǎng)為技術(shù)領(lǐng)導(dǎo)者的同學(xué)可以細(xì)細(xì)研究下此虑。
騰訊 WEB 前端大會(huì) PPT 下載
騰訊 WEB 前端大會(huì)（TFC）2017 是由騰訊主辦，廣邀國(guó)內(nèi)外的前端大牛口锭，有著名流行框架的作者朦前、知名前端書籍的作者、WEB 工程化方面的權(quán)威等鹃操。部分講師是從騰訊上千名前端工程師中精挑細(xì)選的優(yōu)秀高級(jí)工程師韭寸，內(nèi)容不僅涵蓋 WEB 新技術(shù)、Node.js荆隘、框架恩伺、工程化、 圖形處理等前端前沿內(nèi)容 椰拒，還包含極致的性能優(yōu)化晶渠、海量用戶運(yùn)營(yíng)等具有騰訊前端特色的寶貴經(jīng)驗(yàn)。沒有去現(xiàn)場(chǎng)的同學(xué)耸三，PPT 的學(xué)習(xí)不可錯(cuò)過乱陡。
文章教程
前端框架發(fā)展簡(jiǎn)史
原標(biāo)題為《Choosing a frontend framework in 2017》浇揩，實(shí)際上介紹了自 Backbone 以來仪壮，各種前端框架（Angular.js、Angular胳徽、React积锅、Ember.js等）出現(xiàn)的背景及后來的演變路徑，可見作者對(duì)于每個(gè)框架的特點(diǎn)都非常熟悉养盗，文末有人問作者為啥沒提到 Vue.js缚陷，作者的觀點(diǎn)也比較明確：Vue.js 是個(gè)非常不錯(cuò)的框架，目前集成了大多數(shù)框架的優(yōu)點(diǎn)往核，但是還沒有創(chuàng)造出新的特性箫爷。
你應(yīng)該知道的 6 個(gè) React Native 性能貼士
React Native 本身性能是非常好的，但是代碼寫的不好也很容易出現(xiàn)性能較差的 APP，在 Android 上尤其如此虎锚，為什么會(huì)如此硫痰？寫出高性能的 APP 有哪些坑要避開？這篇文章開局介紹了 React Native 的基本工作原理窜护，然后給出了幾條操作性非常強(qiáng)的建議效斑，內(nèi)容涵蓋組件優(yōu)化、動(dòng)畫柱徙、導(dǎo)航等缓屠。
像產(chǎn)品一樣打造樣式規(guī)范
續(xù)前篇《想產(chǎn)品一樣打造交付流水線》，原題為《Style Guides as Products》护侮，很多同學(xué)都知道樣式規(guī)范的重要性敌完，部分公司制定了自己的樣式規(guī)范，只有極少數(shù)公司的樣式規(guī)范能真正落到實(shí)處羊初，成為開發(fā)者主動(dòng)擁抱和維護(hù)的項(xiàng)目蠢挡。你有沒有覺得這跟做產(chǎn)品很像，技術(shù)人的產(chǎn)品觀可以體現(xiàn)在很多地方凳忙，這次你也跟作者一起思考下如何用產(chǎn)品思維來打造樣式規(guī)范吧业踏。
開發(fā)工具
bundlesize：打包后代碼體積的哨兵
bundlesize 是一個(gè)很容易與 Travis、Circle 等 CI 平臺(tái)集合的工具涧卵，能夠幫你檢查項(xiàng)目打包后的代碼體積勤家，并標(biāo)識(shí)在你的 Pull Request 里面，讓開發(fā)者在把代碼合入主干之前對(duì)代碼體積的變化做到心中有數(shù)柳恐，配置僅需 2 步伐脖，諸如 preact、styled-components 這類的開源項(xiàng)目都在使用了乐设。
create-component-app：react 組件初始化工具
高效的工程師都會(huì)重度使用命令行讼庇，使用 react 創(chuàng)建組件時(shí)你還在復(fù)制粘貼么？是時(shí)候換個(gè)新的姿勢(shì)了近尚，create-component-app 提供了可高度自定義的命令行式的組件創(chuàng)建方法蠕啄，支持配置組件的名稱、種類（如 class戈锻、pure歼跟、stateless）、樣式寫法格遭。嫌這個(gè)命令太長(zhǎng)了哈街？去設(shè)置個(gè) alias 不好么？
代碼框架
jsdiff：基于 JS 的文本比較算法
這是基于 JS 的文本 diff 實(shí)現(xiàn)拒迅，diff 不僅僅在代碼管理領(lǐng)域適用骚秦，比如 git她倘，在文檔管理領(lǐng)域也是使用的，比如 confluence wiki 的文檔歷史作箍，在業(yè)務(wù)系統(tǒng)中甚至也是適用的帝牡，如果你想在業(yè)務(wù)系統(tǒng)中保存詳盡的操作日志，即回答“誰(shuí)在什么時(shí)間把什么字段從什么改成了什么這個(gè)問題的時(shí)候”你可能需要用到這個(gè)思路蒙揣。
frontexpress：瀏覽器里面的 express.js
非常喜歡 express.js 里面的中間件開發(fā)模式靶溜？使用 frontexpress 在瀏覽器里面也可以寫幾乎相同的代碼了，frontexpress 是輕量級(jí)的瀏覽器端路由管理工具懒震，如果你不依賴任何框架編寫代碼罩息，它會(huì)是個(gè)不錯(cuò)的選擇。
找找靈感
React Native UI Kitten：包含 40 個(gè)頁(yè)面的參考項(xiàng)目
跟早些時(shí)候出來的 Vue.js 開發(fā)的高仿餓了么很像个扰，幾乎包含了現(xiàn)代 APP 應(yīng)用會(huì)用到的所有界面瓷炮，比如加載中頁(yè)面、登錄递宅、注冊(cè)娘香、儀表盤、列表办龄、詳情等烘绽，基于 react-native-ui-kitten 開發(fā)，集成了 Google Analytics 和 react-navigation俐填，剛?cè)腴T react native 的同學(xué)可以參考安接。
lnxpcs：讓你看起來更極客的設(shè)計(jì)
這個(gè)倉(cāng)庫(kù)收集了不下 50 個(gè)跟 Linux 有關(guān)的藝術(shù)設(shè)計(jì)，比如各種 Linux 發(fā)型版本英融、Shell 版本盏檐、只有技術(shù)人才能看懂的漫畫等等，每個(gè)藝術(shù)設(shè)計(jì)甚至有對(duì)應(yīng)的紀(jì)念衫可以購(gòu)買驶悟，你有沒有興趣自己去印一件胡野？
作為程序員的我年輕時(shí)犯的錯(cuò)
十年互聯(lián)網(wǎng)老兵的嘔血總結(jié)，拉長(zhǎng)了時(shí)間跨度的經(jīng)驗(yàn)總結(jié)顯得彌足珍貴：不要局限于一個(gè)平臺(tái)痕鳍、一門語(yǔ)言只嚣；不要為了錢去追求管理崗位荷愕；騰出時(shí)間放空自己伦糯；持續(xù)編碼晶衷；積極參與社區(qū)等恭应，對(duì)于剛?cè)胄谢蛘呷胄袔啄甑哪闶欠裼袉⑹荆?/p>
最佳前端面試問題梳理
面試對(duì)于技術(shù)人抄邀，尤其是剛?cè)腴T的技術(shù)人來說尤其重要，這篇文章道出了面試的基本框架昼榛，考察概念境肾、編碼剔难、Debug、設(shè)計(jì)能力奥喻，對(duì)時(shí)下比較常被問到的前端面試題提出了自己的看法偶宫，并且給出了不少的比較有意思，我也時(shí)常在用的問題环鲤，如果你正在準(zhǔn)備實(shí)習(xí)或者找工作纯趋，可以參考。
視頻教程
Learning How to Learn：元認(rèn)知能力提升必學(xué)課程
個(gè)人非常喜歡的 Coursera 課程冷离，主要內(nèi)容是學(xué)習(xí)和認(rèn)知的客觀規(guī)律：你能透過這門課程看清人是如何學(xué)會(huì)一門新技能吵冒；為何花了很多時(shí)間學(xué)習(xí)大腦卻感覺一團(tuán)漿糊原因。不得不說西剥；人的大腦和思維方式有哪些天生的缺陷痹栖，改如何避免。在這樣一個(gè)知識(shí)爆炸的時(shí)代瞭空，你更應(yīng)該需要掌握如何學(xué)習(xí)的底層方法揪阿。
精彩問答
漫畫：什么是動(dòng)態(tài)規(guī)劃？
走臺(tái)階問題的動(dòng)態(tài)規(guī)劃解法是很多大科技公司面試的時(shí)候會(huì)問的咆畏，你當(dāng)時(shí)都答上來了么南捂？這篇文章用比較生動(dòng)有趣的方式介紹了什么是動(dòng)態(tài)規(guī)劃，動(dòng)態(tài)規(guī)劃的基本要素有哪些旧找，怎么用它來解決簡(jiǎn)單的問題和復(fù)雜的問題黑毅。
怎樣花兩年時(shí)間去面試一個(gè)人？
Joel Spolsky 曾經(jīng)感嘆：招聘難钦讳，難于上青天矿瘦，再難的問題也是有辦法的，作者在本文給出了一個(gè)比較獨(dú)特的招聘思路愿卒，基于書單和 GitHub缚去，花費(fèi)兩年去面試一個(gè)人，雖然我們公司沒有完全照這個(gè)實(shí)踐琼开，但是看不看書易结，GitHub 的代碼在評(píng)估候選人的時(shí)候都是會(huì)綜合考慮的。如果還沒寫多少代碼柜候，這篇文章的書單對(duì)你來說會(huì)是個(gè)不錯(cuò)的資源搞动。
One More Thing
本文作者王仕軍，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)渣刷，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處鹦肿。如果你覺得本文對(duì)你有幫助，請(qǐng)點(diǎn)贊辅柴！如果對(duì)文中的內(nèi)容有任何疑問箩溃，歡迎留言討論瞭吃。想知道我接下來會(huì)寫些什么？歡迎訂閱我的掘金專欄或知乎專欄：《前端周刊：讓你在前端領(lǐng)域跟上時(shí)代的腳步》涣旨。
Happy Hacking
