【重發】前端週刊第61期：你離 CTC 有多遠？

爲第《61期》重發，由於掘金編輯器升級和個人大意，以前發的版本無鏈接。共 1916 字，讀完需 3 分鐘。最近阿里雲工程師張秋怡被 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