Node.js 社區(qū)最高產的工程師 <a >Sindre Sorhus</a> 本周發(fā)布了他的第 1000 個 npm 包，<a >詳見這里</a>渺杉，據 npm 官方統(tǒng)計已日，全網的 npm 包下載量中有 12% 都跟 Sindre Sorhus 有關×毒希看到這個，你作何感想轰胁？另外谒主，部分精彩的文章我已經翻譯成中文發(fā)到<a >知乎專欄</a>上，就沒有收錄到前端周刊赃阀。下面是本周的精選內容霎肯，請享用！

技術動態(tài)

谷歌推人工智能繪圖工具 AutoDraw

AutoDraw 是谷歌推出的人工智能繪圖工具榛斯，能根據你的手稿作為啟發(fā)式信息观游，然后列出你可能想畫的內容，對于畫畫不好的同學可能會很有幫助驮俗，不畫畫沒關系懂缕，當個玩具也可以。為什么發(fā)在前端周刊王凑？你對它的前端是怎么做不感興趣么搪柑？

Vue Conf 2017 報名入口

全球首屆 Vue.js 開發(fā)者大會將于 2017 年 5 月 20 日在北京航空航天大學新主樓會議中心舉辦。Vue.js 作者將出席本次大會索烹，并發(fā)表主題演講工碾。這里是報名入口，早鳥票當天就被搶光了百姓，你如果有女朋友渊额，可以帶過去，哈哈垒拢！

微信公眾號可以注銷了

微信公眾號近期宣布支持自主注銷旬迹，用戶在核實身份信息或者驗證帳號主體后，可以在公眾號后臺發(fā)起注銷流程求类。帳號完成注銷后奔垦，主體注冊次數、運營者身份證信息仑嗅、手機號碼、帳號昵稱、管理員微信號仓技、注冊郵箱等鸵贬，均可釋放。

如何評價微軟開源的 ReactXP 脖捻？

微軟在開源領域動作越來越多阔逼，上周開源了 ReactXP，生成能開發(fā)跨平臺的 React 應用地沮，怎么客觀的評價這個動作呢嗜浮？看看知乎上大家的討論。

文章教程

圖解 Chrome 中的滾動錨定機制

看到這個的時候摩疑，再次感慨 Google 做產品就是在做用戶體驗危融，不知道你沒有遇到過，打開了一個長頁面雷袋，已經開始閱讀吉殃，突然頁面跳了一下，丟失了你的瀏覽進度楷怒，這通常是因為你看的內容上面還有未加載完成的內容蛋勺，它加載完就把下面的內容擠下去，產生頁面跳躍的感知鸠删。Chrome 瀏覽器已經對這種體驗問題做了優(yōu)化抱完，用了叫做 Scroll-Anchroing 的技術，技術方案細節(jié)在本文內的某個鏈接上刃泡。

集成 Nuxt.js 到現有的 Node.js 項目

Nuxt.js 是基于 Vue.js 的前后端同構應用腳手架巧娱，Feathers 是 Node.js 的 MVC 框架，當然絕大多數同學在公司不會是從頭開始一個新的項目捅僵，這篇文章講了如何把 Nuxt.js 集成到現有的 Feathers 應用中去家卖，對其他的 MVC 框架也有參考價值。

酷殼：如何重構“箭頭型”代碼庙楚？

“箭頭型代碼”如果嵌套太多上荡，可能看起來很美，因為對稱馒闷，但是讀起來想吐血酪捡，因為太長，會相當容易讓維護代碼的人（包括自己）迷失在代碼中纳账，因為看到最內層的代碼時逛薇，你已經不知道前面的那一層一層的條件判斷是什么樣的，代碼是怎么運行到這里的疏虫，所以永罚，那怎么能不寫出這種代碼呢啤呼？這篇文章提供了思路。

Chrome 里面的 Coverage 功能到底是如何工作的呢袱？

我本周發(fā)了篇文章介紹 Chrome Canary 里面的運行時代碼覆蓋率功能官扣，這篇文章從源代碼的層面研究了這個代碼覆蓋率功能到底是怎么實現的，文中有彩蛋羞福，看到你就會自己開發(fā) Dev Tools 啦惕蹄。

開發(fā)工具

GitHub：開源項目運維自動化工具箱

GitHub 官方整理的能幫助你運維開源項目的工具列表，能把日常的大部分運營工作自動化治专，比如代碼風格檢查卖陵、持續(xù)集成、包管理张峰、變更日志生成泪蔫、自動找 Reviewer、依賴包過期提醒挟炬。說實話鸥滨，大部分工具其實可以用到公司內部的工程化實踐中，前提是你愿意花時間去學習折騰谤祖。

alinode：基于 Node.js 運行時的應用性能管理解決方案

官方說法：alinode 是阿里云出品的 Node.js 應用服務解決方案婿滓，幫助開發(fā)者迅速洞見性能細節(jié)，快速定位疑難雜癥粥喜，直探問題根源凸主。我的說法：沒有調查就沒有發(fā)言權，準備近期使用额湘，之后總結心得出來卿吐。

代碼框架

React Native 微信功能集成實例

該倉庫在 React Native 中集成了微信登錄、收藏锋华、分享嗡官、付款功能，支持 Android 和 iOS 版本毯焕，如果你最近在研究 React Native衍腥，接下來你很可能會有類似的需求。

VMS：基于 Vue.js 2.0 的 CMS 系統(tǒng)

類似項目收錄過兩個纳猫，前端類似 vue-admin婆咸，但是包含了完整的 Node.js 后端，有比較簡單的權限控制（對于復雜的應用略顯簡陋）芜辕，集成了常見的后臺管理所需的組件：如 WangEditor 富文本編輯器尚骄、輕量級 Markdown 編輯器、七牛云圖片上傳侵续、極光推送等倔丈。

視頻教程

使用 Nuxt.js 和 Vuex 構建 Vue.js 服務端渲染應用

Nuxt.js 和 Vuex 是啥這里就不廢話了憨闰，來自 egghead.io 的課程，從 0 開始需五，教你如何如何使用 Next.js 來組織應用代碼起趾，Vuex 管理狀態(tài)。

精彩問答

toolingtips：如何在 git grep 的時候默認顯示行號警儒？

Git 相信很多人都熟悉，grep 自命令可用來快速查找眶根，但是默認的查找結果不顯示匹配的代碼在哪一行蜀铲，這其實不利于效率的提升，因為大概率你定位到文件之后還要去文件里再搜一遍才能定位到行属百，為什么不一步搞定呢记劝？看看這里的第 2 個答案，修改的文件時 ~/.gitconfig族扰。

toolingtips：如何高效的操作 Mac 中的 Finder 和截圖

Mac 中的文件系統(tǒng)管理器 Finder 和截圖相信是很多人常用的厌丑，這個帖子里面有些小技巧能讓你事半功倍，至少不依賴第三方軟件渔呵，你確定不去看看怒竿？注意是第 1 和第 3 個答案。

toolingtips：如何讓 mongoose 填充嵌套的關聯字段

超過 3 個表的關聯在復雜的業(yè)務中非常常見扩氢，mongoose 中有個 populate 查詢語法耕驰，可以按字段填充關聯表里面的數據，那怎么填充嵌套的關聯表數據呢录豺？看這里的第2 個答案朦肘。順道吐槽下 mongoose 的文檔，誰看誰惡心双饥。

One More Thing

本文譯者王仕軍媒抠，商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處咏花。如果你覺得本文對你有幫助趴生，請點贊！如果對文中的內容有任何疑問迟螺，歡迎留言討論冲秽。想知道我接下來會寫些什么？歡迎訂閱知乎專欄：《前端周刊：讓你在前端領域跟上時代的腳步》矩父。

Happy Hacking