最近<a >阿里云的美女工程師張秋怡被 Node.js 社區(qū)吸納為 CTC（核心技術(shù)委員會）成員</a>，只有對 Node.js 社區(qū)有足夠大貢獻(xiàn)的人，才會被吸納為 CTC 成員，張秋怡做了哪些貢獻(xiàn)？如果你想?yún)⑴c開源社區(qū)，她是個很好的參照。本周信息量最大的部分非 <a >Fluent Conf 2017</a> 莫屬了，我只是給了個入口，愛學(xué)習(xí)的同學(xué)自己去折騰吧。
技術(shù)動態(tài)
Webpack 3 發(fā)布正式版
雖然 Webpack 3 正式版發(fā)布兩周了，但是是個非常值得收錄的事件，本次發(fā)版完全是提供社區(qū)投票所產(chǎn)生的功能需求，并且不再像之前那樣不同版本之間不相互兼容。本次發(fā)版的旗艦特性是 Scope Hoisting，目的是為了提高打包后代碼的運行效率，其他特性更包括 Magic Comments，能讓打包后的代碼更易閱讀，如果還有其他你想要的特性，可以去它的投票頁面看看。
Vue Conf 2017 國外版演講精選
上周在波蘭舉行的 Vue Conf 2017 已經(jīng)結(jié)束，與會人數(shù)超過 300 人，雖然聲稱是全球首屆，但是實際上比國內(nèi)的要晚一個月左右，這篇文章精選了本次大會中幾個比較精彩的演講，感興趣的同學(xué)可以看看，想提高英語的同學(xué)，可以對照著中文看看尤雨溪的開題演講。
Fluent Conf 2017 日程表
那個用各種動物做書籍封面的出版社也喜歡組織各種技術(shù)交流大會，F(xiàn)luent Conf 算是 WEB 領(lǐng)域綜合性的技術(shù)交流大會，我連續(xù)看了幾年，每次都收獲不小。這個日程表上有很多演講的講稿，如果想看視頻自己去搜吧，大會共 4 天，前 2 天是各種 Workshop、短期閉門培訓(xùn)，后 2 天演講比較多。
React Native 月刊第 1 期
React Native 社區(qū)大玩家組織的月度會議紀(jì)要，諸如 Airbnb、Shouten、Wix 等公司都會通報他們遇到的問題、在解決的問題、工程經(jīng)驗，從中不難窺探出 React Native 大致的演化方向：模塊化，也能看到這些大玩家在使用哪些工具更好的解決 React Native 應(yīng)用的問題，比如打包工具、E2E 測試工具。
文章教程
注釋良好的 CSS 代碼應(yīng)該長啥樣？
社區(qū)中就代碼可維護(hù)性的討論 JS 比 CSS 多太多，實際上 CSS 也是寫起來容易，維護(hù)起來難的語種，注釋和文檔良好的 CSS 代碼能夠保障代碼一致性，大幅度提高代碼可維護(hù)性，幫助團(tuán)隊形成編碼時的“共同語言”，那么注釋良好的 CSS 代碼該包含哪些要素呢？理解這篇文章再加以實踐，相信能提高不少。
為什么我選 React 而不是 Vue
React 和 Vue 可以說是當(dāng)下大熱的前端框架，而筆者對 Vue 的第一印象是：它怎么既像 Angular 又像 React。本文作者用 React 和 Vue 做過幾個項目之后，還是更加傾向于使用 React，并給出了他的三大理由，技術(shù)選型沒有最好的，只有最合適的，如果你是 Vue 的死忠粉，更應(yīng)該看看這個。
React 組件解耦重構(gòu)的技巧
有沒有寫過 render 函數(shù)巨大無比的 React 組件？為啥別人的 React 組件代碼看起來那么優(yōu)美？可能是因為沒意識到這樣做的好處，也可能是因為沒有掌握方法論，這篇文章奉上 3 個立即可用的 React 組件解耦重構(gòu)方法。
Express.js 中的 Session 是如何工作的？
幾乎所有需要維護(hù)用戶數(shù)據(jù)、會話狀態(tài)的 WEB 應(yīng)用都需要使用 Session，作為開發(fā)者不光要知道如何使用 Session 還要知道它是如何工作的。這篇文章介紹了 Session 是什么？如何存儲 Session 數(shù)據(jù)？如何確定 Session 的存儲介質(zhì)？常見的安全問題和對策。
邊學(xué)開發(fā)邊賺錢的最佳姿勢
傳統(tǒng)觀念都會認(rèn)為學(xué)技能是需要交學(xué)費的，有沒有可能在學(xué)會技能的過程中就開始賺到錢呢？答案是肯定的，尤其是在這個時代，從事創(chuàng)造性勞動的都極有可能獲得。這篇文章就介紹了如何在學(xué)習(xí)開發(fā)技能的同學(xué)賺到錢的思路，雖然作者只賺了 $11，但是這是一個質(zhì)的提升。
像產(chǎn)品一樣優(yōu)化你的交付流水線
靠譜工程師應(yīng)該具有的三觀：技術(shù)觀、產(chǎn)品觀、數(shù)據(jù)觀，本文介紹了如何將 13 條產(chǎn)品設(shè)計原則應(yīng)用到軟件交互流水線優(yōu)化上，取得的效果是平均每天節(jié)省 13 個工程師工時，相當(dāng)于兩人日的資源，能做出這樣事情的人，貢獻(xiàn)的價值自然是巨大的?？傊?，這是篇道與術(shù)并存的文章，如果你只是想優(yōu)化自己的交付流水線或者學(xué)習(xí)通用的產(chǎn)品設(shè)計原則，都是非常值得閱讀的。
開發(fā)工具
Pencil：類 Sketch 的開源圖表軟件
Pencil 項目的愿景是提供所有人都可以免費試用的圖表只做軟件，完全基于 Electron 開發(fā)，目前提供的功能還算強大，如果你是個喜歡平面設(shè)計的前端工程師，這個倉庫是個很不錯的參與開源社區(qū)的機會。
Detox：APP 端到端測試的利器
Detox 是高性能的 APP 端到端測試框架，能夠在真實設(shè)備上運行測試，如真是用戶般和 APP 交互，并且提供了天然的 React Native 支持，能夠很好的與你的持續(xù)集成環(huán)節(jié)結(jié)合起來，并且可以很方便的與 Mocha、Ava 結(jié)合使用。
支持事務(wù)的 MongoDB 操作庫
不支持事務(wù)是 MongoDB 和其他數(shù)據(jù)庫引擎相比的劣勢，而這個倉庫基于 MongoDB的兩階段提交特性提供了類似于事務(wù)的操作，你可以通過他指定一系列操作，要么全部成功，要么全部失敗回滾，不理解事務(wù)是啥的同學(xué)可以去看看銀行轉(zhuǎn)賬的例子。
Vue 開發(fā)者工具火狐版
雖然現(xiàn)在身邊幾乎見不到使用火狐瀏覽器開發(fā)調(diào)試的同學(xué)了，這個工具還是值得發(fā)出來，是 Vue.js 原作者尤雨溪發(fā)布的。
精彩問答
MongoDB 如何給所有的文檔增加隨機數(shù)？
不需要編寫復(fù)雜的腳本，因為 MongoDB 中可以執(zhí)行 JS 代碼，如果你恰巧也有類似的需求，此文可作為快速參考。
React Native 中如何禁用屏幕旋轉(zhuǎn)？
準(zhǔn)確的表述問題應(yīng)該是：如何在 XCode 配置應(yīng)用不響應(yīng)屏幕旋轉(zhuǎn)，適用于 Native 和 React Native，配置方法很簡單，還附帶贈送了 Android 中的配置方法。
One More Thing
本文作者王仕軍，商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。如果你覺得本文對你有幫助，請點贊！如果對文中的內(nèi)容有任何疑問，歡迎留言討論。想知道我接下來會寫些什么？歡迎訂閱我的掘金專欄或知乎專欄：《前端周刊：讓你在前端領(lǐng)域跟上時代的腳步》。
Happy Hacking
