本文共 3193 字，讀完需 5 分鐘，速讀需 1 分鐘。本期內容中 Vue.js 和 Visual Studio Code 的內容比重偏大。此外，我每周會發布 1~2 篇高質量的技術文章到我的<a >知乎專欄</a>，歡迎大家訂閱。以下是本期內容，請享用。
文章教程
從零開始構建 JavaScript 技術棧
這是 JavaScript Stack from Scratch 的中文版，由我們團隊高級前端榮劍同學翻譯成中文：這是個簡單直接的 JavaScript 技術棧構建指南。在此之前，你需要掌握基本的編程知識和一些 JavaScript 基礎。本教程旨在將所有現代 JS 技術棧結合起來使用，并為每個工具提供最簡單的示例。你可以把它當作從零開始編寫代碼樣板的示范。
你不得不知的 package.json 常識
可以說 package.json 是整個 npm 社區和生態的核心要素，你可以認為他是包、模塊的規格說明，其中的字段都是什么含義，應該如何使用，懂了這些，你的 Node.js 才算是入門。
基于 Loopback 開發一個完整的 Rest API Server
Loopback 非常適合用來開發 API Server，他獨有的 API Explorer 能夠讓你直觀的了解系統所提供的所有接口，需要的參數。這篇文章教你基于 Loopback 開發一個完整的露營預定服務端，從腳手架到數據校驗、安全、存儲都有涉及。
開發工具
husky：把 githooks 集成到你的工作流
husky 和 ghooks 類似，能幫你把各種檢查真正的落實到代碼提交和推送工作流，安裝使用非常簡單，非常多的開源項目在使用它做簡單的質量控制。
Visual Studio Code 的奇技淫巧
微軟官方整理的，Visual Studio Code 的各種技巧，覆蓋的面還比較廣，包括快捷鍵、插件安裝、主題設置、編程字體等。
Awesome：Visual Studio Code
Visual Studio Code 在國外的開發者群體中已經非常的受歡迎，它的智能感知功能更是讓很多工程師愛不釋手，極大的提高了開發效率。這又是個 Awesome 倉庫，里面整理了把 Visual Studio Code 編輯器發揮到極致需要的各種配置、插件。
legit：快速為你的代碼添加版權頭
說程序員是天生懶惰的動物，一點不假，legit 就是這樣的一個工具，能快速的為你的代碼添加版權文件頭，讓你不能費勁的去復制粘貼。
代碼框架
flatpickr：簡潔的輕量級日期時間選擇器
開發大型 WEB 應用少不了會有日期時間選擇的交互，flatpickr 是一款扁平化設計的，現代簡約風格的日期時間選擇器，代碼無依賴，體積相比 Bootstrap 和 jQuery UI 的那套小了不止一點點。
SQLite Parser：JS 實現的語法解析器
sqlite-parser 是基于 peg.js 實現的兼容 sqllite 3 語法的解析器，簡單的說就是能把 sql 語句解析成現成的語法樹，有個這東西你能做很多事情，比如在人人車，我們基于他做了非常靈活的業務配置系統。
iView：高質量的 Vue.js UI 組件庫
iView 是 一套高質量的 Vue.js UI 組件庫，純國產，相信國內的同學用起來會非常順手，近期發布了 V2 版本，其中包含了命令行工具，能快速開始新項目。至于組件庫的構成就不多說了，不輸入社區中其他的組件庫，甚至更豐富。
找找靈感
基于 vue2 + vuex 構建的有 45 個頁面的大型單頁面應用
基于 vue2 + vuex 構建的有 45 個頁面的大型單頁面應用，初學入門的同學接觸最多的的是各種 hello world 程序，而 bailicangdu 花了兩個月時間用 vuejs 幾乎把餓了么的頁面寫了個遍，正在學 vue.js 的同學可以研究研究。
技術動態
Safari 終于支持 performance timing
Safari 的最新技術預覽版已經開始支持 performance timing，這對那些使用 performance timing 采集性能數據的同學來說，是好消息，因為這部分用戶的數據采集不再需要 hack 了。當然目前是還在技術預覽版中，不久之后才登陸正式版。
Chrome 開發者工具可以貼在屏幕左側
有沒有因為 Chrome 開發者工具的面板只能貼在屏幕的右邊或下邊而感到不順手？好消息是最新版的 Chrome 開發者工具支持把面板貼在屏幕左側了，可以更新嘗鮮。
職位招聘
程序員找工作黑名單，已驚呆
首先承認這不是招聘貼，說實話看到這個的時候我也笑噴了，不過每隔一段時間網上就會爆出程序員因跟老板不和并且利益沒有保障的案例，有心人很快就整理了這個：程序員找工作黑名單，換工作和當技術合伙人要謹慎，希望對各位能有幫助。
