前端周刊第61期：你離 CTC 有多遠？

最近阿里雲的美女工程師張秋怡被 Node.js 社區吸納為 CTC（核心技術委員會）成員，只有對 Node.js 社區有足夠大貢獻的人，才會被吸納為 CTC 成員，張秋怡做了哪些貢獻？如果你想參與開源社區，她是個很好的參照。本周信息量最大的部分非 Fluent Conf 2017 莫屬了，我只是給了個入口，愛學習的同學自己去折騰吧。

技術動態

Webpack 3 發布正式版

雖然 Webpack 3 正式版發布兩周了，但是是個非常值得收錄的事件，本次發版完全是提供社區投票所產生的功能需求，並且不再像之前那樣不同版本之間不相互兼容。本次發版的旗艦特性是 Scope Hoisting，目的是為了提高打包後代碼的運行效率，其他特性更包括 Magic Comments，能讓打包後的代碼更易閱讀，如果還有其他你想要的特性，可以去它的投票頁面看看。

Vue Conf 2017 國外版演講精選

上周在波蘭舉行的 Vue Conf 2017 已經結束，與會人數超過 300 人，雖然聲稱是全球首屆，但是實際上比國內的要晚一個月左右，這篇文章精選了本次大會中幾個比較精彩的演講，感興趣的同學可以看看，想提高英語的同學，可以對照著中文看看尤雨溪的開題演講。

Fluent Conf 2017 日程表

那個用各種動物做書籍封面的出版社也喜歡組織各種技術交流大會，Fluent Conf 算是 WEB 領域綜合性的技術交流大會，我連續看了幾年，每次都收穫不小。這個日程表上有很多演講的講稿，如果想看視頻自己去搜吧，大會共 4 天，前 2 天是各種 Workshop、短期閉門培訓，後 2 天演講比較多。

React Native 月刊第 1 期

React Native 社區大玩家組織的月度會議紀要，諸如 Airbnb、Shouten、Wix 等公司都會通報他們遇到的問題、在解決的問題、工程經驗，從中不難窺探出 React Native 大致的演化方向：模塊化，也能看到這些大玩家在使用哪些工具更好的解決 React Native 應用的問題，比如打包工具、E2E 測試工具。

文章教程

注釋良好的 CSS 代碼應該長啥樣？

社區中就代碼可維護性的討論 JS 比 CSS 多太多，實際上 CSS 也是寫起來容易，維護起來難的語種，注釋和文檔良好的 CSS 代碼能夠保障代碼一致性，大幅度提高代碼可維護性，幫助團隊形成編碼時的「共同語言」，那麼注釋良好的 CSS 代碼該包含哪些要素呢？理解這篇文章再加以實踐，相信能提高不少。

為什麼我選 React 而不是 Vue

React 和 Vue 可以說是當下大熱的前端框架，而筆者對 Vue 的第一印象是：它怎麼既像 Angular 又像 React。本文作者用 React 和 Vue 做過幾個項目之後，還是更加傾向於使用 React，並給出了他的三大理由，技術選型沒有最好的，只有最合適的，如果你是 Vue 的死忠粉，更應該看看這個。

React 組件解耦重構的技巧

有沒有寫過 render 函數巨大無比的 React 組件？為啥別人的 React 組件代碼看起來那麼優美？可能是因為沒意識到這樣做的好處，也可能是因為沒有掌握方法論，這篇文章奉上 3 個立即可用的 React 組件解耦重構方法。

Express.js 中的 Session 是如何工作的？

幾乎所有需要維護用戶數據、會話狀態的 WEB 應用都需要使用 Session，作為開發者不光要知道如何使用 Session 還要知道它是如何工作的。這篇文章介紹了 Session 是什麼？如何存儲 Session 數據？如何確定 Session 的存儲介質？常見的安全問題和對策。

邊學開發邊賺錢的最佳姿勢

傳統觀念都會認為學技能是需要交學費的，有沒有可能在學會技能的過程中就開始賺到錢呢？答案是肯定的，尤其是在這個時代，從事創造性勞動的都極有可能獲得。這篇文章就介紹了如何在學習開發技能的同學賺到錢的思路，雖然作者只賺了 $11，但是這是一個質的提升。

像產品一樣優化你的交付流水線

靠譜工程師應該具有的三觀：技術觀、產品觀、數據觀，本文介紹了如何將 13 條產品設計原則應用到軟體交互流水線優化上，取得的效果是平均每天節省 13 個工程師工時，相當於兩人日的資源，能做出這樣事情的人，貢獻的價值自然是巨大的。總之，這是篇道與術並存的文章，如果你只是想優化自己的交付流水線或者學習通用的產品設計原則，都是非常值得閱讀的。

開發工具

Pencil：類 Sketch 的開源圖表軟體

Pencil 項目的願景是提供所有人都可以免費試用的圖表只做軟體，完全基於 Electron 開發，目前提供的功能還算強大，如果你是個喜歡平面設計的前端工程師，這個倉庫是個很不錯的參與開源社區的機會。

Detox：APP 端到端測試的利器

Detox 是高性能的 APP 端到端測試框架，能夠在真實設備上運行測試，如真是用戶般和 APP 交互，並且提供了天然的 React Native 支持，能夠很好的與你的持續集成環節結合起來，並且可以很方便的與 Mocha、Ava 結合使用。

支持事務的 MongoDB 操作庫

不支持事務是 MongoDB 和其他資料庫引擎相比的劣勢，而這個倉庫基於 MongoDB的兩階段提交特性提供了類似於事務的操作，你可以通過他指定一系列操作，要麼全部成功，要麼全部失敗回滾，不理解事務是啥的同學可以去看看銀行轉賬的例子。

Vue 開發者工具火狐版

雖然現在身邊幾乎見不到使用火狐瀏覽器開發調試的同學了，這個工具還是值得發出來，是 Vue.js 原作者尤雨溪發布的。

精彩問答

MongoDB 如何給所有的文檔增加隨機數？

不需要編寫複雜的腳本，因為 MongoDB 中可以執行 JS 代碼，如果你恰巧也有類似的需求，此文可作為快速參考。

React Native 中如何禁用屏幕旋轉？

準確的表述問題應該是：如何在 XCode 配置應用不響應屏幕旋轉，適用於 Native 和 React Native，配置方法很簡單，還附帶贈送了 Android 中的配置方法。

One More Thing

本文作者王仕軍，商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。如果你覺得本文對你有幫助，請點贊！如果對文中的內容有任何疑問，歡迎留言討論。想知道我接下來會寫些什麼？歡迎訂閱我的掘金專欄或知乎專欄：《前端周刊：讓你在前端領域跟上時代的腳步》。

Happy Hacking

推薦閱讀：