資訊專欄INFORMATION COLUMN
摘要：本文作者王仕軍，商業轉載請聯系作者獲得授權，非商業轉載請注明出處。想知道我接下來會寫些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領域跟上時代的腳步。
技術動態 使用 Node.js 的那些理由還站得住腳么？共 2127 字，讀完需 4 分鐘。我本周讀到 1 篇比較有趣的文章叫做《The 10x developer is NOT a myth》，不管你承不承認，也不管你有沒有意識到，程序員的效率有時會有天壤之別，10X 程序員的概念很早就出現了，怎樣才算 10X 程序員？跟普通程序員的區別在哪里？推薦你抽時間細讀，如果你不愿意看中文，可以看看我寫的《工程師做事的三重境界》。下面是本周精選的內容，請享用。
技術社區的活力從各種撕逼的發生頻率能看出來，這篇文章開頭承認 Node.js 已經非常流行并且越來越流行，但是作者認為早些年列出的使用 Node.js 幾大理由是站不住腳的，因為其他技術也在進步，在各個方面他們都比 Node.js 做的更好，你怎么看？
ES6 模塊加載登陸 Chrome Canary?60不知道 ES6 模塊的同學應該去看看 Ponyfoo 或者 Jake 的文章，Chrome Canary v60 已經提供了 ES6 模塊的支持，不過需要你手動打開支持。這篇文章可以說是新特性嘗鮮文章，并且對如何開始在項目中使用這個功能、如何做恰當的回退都提出了可行的方案。
文章教程 讓無狀態 React Component 渲染快 45% 的黑科技無狀態 React Component 的概念就是那些純粹負責渲染且沒有狀態變化的 Component，這篇文章的作者給出了讓這類 Component 渲染加快的技巧：就是把它們當函數使、而不是當 Component 來使，如果你持懷疑態度，可以先看看他是怎么分析的，然后自己做實驗來驗證。
從 Angular.js 到 Vue.js 的遷移之路你的老系統是使用 Angular 1.x 開發，現在又不想使用變化太快的 Angular 2.x、4.x 版本？可以看看這篇文章的作者如何從 Angular 1.x 遷移到 Vue.js。
玩轉 React Native 動畫所需要掌握的設計得當的交互動畫能夠讓你的應用驚艷用戶，使用戶沉浸其中，典型的比如 Slack 的官方應用，作者在這邊文章會跟你解釋改如何去解剖一個動畫（透明度、位置、尺寸、顏色），讓你了解 React Native 動畫的潛力，并且分享了如何設計能夠使用到整個 React Native 應用中的動畫的技巧。
用 VSCode 做 React 開發推薦配置與下面收錄的 Atom 前端開發終極配置相呼應，這篇文章講的是如何在 VSCode 配置好 ESLint、Prettier、Flow 以方便 React 開發，給目前在這個場景下的同學。
用 Atom 做 JS/React 開發的終極配置雖然很多同學現在已經轉向 Visual Studio Code 了，這個編輯器我也推薦，但對已經很熟 Atom 作為開發工具的同學這篇文章文章也不失其參考價值。怎么才算是完全掌握一個代碼編輯器？把他當記事本用就行了？完全不是這么回事，你需要花時間去打磨和練習。這篇文章的作者花了幾個月的時間把 Atom 的配置、插件、快捷鍵調到最優，可能不完全適合你，但是他的思路肯定是值得學習的。
開發工具 Vim Awesome：非常棒的 Vim 插件站點不是典型的 Awesome 清單，而是個獨立的網站，收錄了所有的 Vim 插件，做了分類，首頁上能看到最受歡迎的 Vim 插件，使用 Vim 的同學請收下，使用其他 IDE 的同學請繞路，哈哈。
Keycastr：小巧的按鍵可視化工具在你做技術演示、錄制編輯器快捷鍵或者其他的 GIF 動圖時，如果想全方位的把你的操作展示給觀看的人，按鍵可視化必會讓你的輸出增色不少，Keycastr 是 Mac 下的一款按鍵可視化小工具，啟動的時候會報錯，你需要用管理員身份給他 Accessibility/Privacy 權限。
代碼框架 execa：一個更好的 Node.js child_process由在 npm 上發了 1000+ 個包的 Sindre Sorhus 出品，相比 Node.js 內置的
child_process，這個會好用很多，主要的優點有：Promise 化、自動處理子命令輸出結尾、比內置大 500 倍的輸出 Buffer、更好的 Windows 支持、在父進程退出時自動清理子進程等，經常用 Node.js 來寫腳本的同學可以考慮看看。
BriteCharts 是一款基于 D3.js V4 版本的圖表繪制庫，研究過 D3 的同學可能都會覺得 D3 就是繪圖領域里面的 DOM，直接使用它你的自由度更大，但是繪圖成本相對更高。而 BriteChart 這樣的庫幫你封裝了常見的圖表，可以用非常直觀的方式在頁面中渲染。整個倉庫使用 ES6 編寫，并且測試覆蓋率也非常好，源代碼本身就是個不錯的學習資源。如果尋找其他 D3.js 圖表庫的同學可以去搜搜 C3.js 和 NVD3.js。
視頻教程 基于 Chrome Dev Tools 的現代前端工作流Umar Hansa 在 Render Conf 2017 上所做的分享，主題是基于 Chrome Dev Tools 的現代前端工作流，里面的干貨非常多，如果你想徹底掌握 Chrome Dev Tools，這篇絕對不容錯過。內容涵蓋：FPS Meter、Paint Profiler、Timeline Recorder、Source Code Profiling 等 15 個主題。
egghead.io: 在生產環境中使用 WebpackWebpack 無疑是前端社區中最受歡迎的 JS 應用打包工具，因為內置了太多的功能，它的學習曲線也非常的陡峭，讓它跑起來就要費不少的功夫，跟別提用它來做更多的事情了，Kent C. Dodds 在這個系列視頻教程中會用實例幫你理解 Webpack 最常用的功能，以及如何優化 Webpack 的配置讓它跑的更快。
精彩問答 如何讓 Git 使用我最喜歡的編輯器？對標題我先稍作解釋，Git 的某些操作可能會打開系統中的某個編輯器讓你填寫內容，典型的就是 commit 的時候如果沒指定 commit message，就會默認打開 VI 讓你填寫，如何把填寫 commit message 的編輯器替換成我自己喜歡用的 Vim、Atom、VSCode？改下全局配置就行了，高票答案中有兩個方案，要仔細看。
做 React Native 開發時如何打日志？打日志可能是眾多調試手段中最古老，關鍵時候也最有效的手段，相比而言 React Native 開發時的日志打法有很多，你都用過哪些？哪些比較好用？看看這篇問答。
真機調試 React Native 應用時打不開熱更新？可能部分同學遇到過，在真機調試 React Native 應用時，發現調試選項中并沒有 Live Reload 和 Hot Module Reloading 的選項，這會對開發調試的效率產生很大的影響，問題產生的原因主要在網絡，但是解決的辦法超過 3 個步驟。
One More Thing本文作者王仕軍，商業轉載請聯系作者獲得授權，非商業轉載請注明出處。如果你覺得本文對你有幫助，請點贊！如果對文中的內容有任何疑問，歡迎留言討論。想知道我接下來會寫些什么？歡迎訂閱我的掘金專欄或知乎專欄：《前端周刊：讓你在前端領域跟上時代的腳步》。
Happy Hacking
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82970.html
摘要：前端每周清單年度總結與盤點在過去的八個月中，我幾乎只做了兩件事，工作與整理前端每周清單。本文末尾我會附上清單線索來源與目前共期清單的地址，感謝每一位閱讀鼓勵過的朋友，希望你們能夠繼續支持未來的每周清單。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清單年度總結與盤點 在過去的八個月中，我幾乎只做了...
摘要：前端日報精選騰訊前端團隊社區源碼分析入門指南一些關于使用的心得基本類型與引用類型知多少掘金中文第期框架選型周刊第期入門系列模塊車棧重構基于的網絡請求庫某熊的全棧之路的那些奇技淫巧的平凡之路模仿寫個數組監聽掘 2017-07-01 前端日報 精選 Why you shouldn`t use Preact, Fast-React, etc. to replace React today -...
閱讀 3593·2021-11-23 09:51
閱讀 2794·2021-11-23 09:51
閱讀 675·2021-10-11 10:59
閱讀 1672·2021-09-08 10:43
閱讀 3223·2021-09-08 09:36
閱讀 3288·2021-09-03 10:30
閱讀 3292·2021-08-21 14:08
閱讀 2195·2021-08-05 09:59
