本文共 3193 字，讀完需 5 分鐘，速讀需 1 分鐘昔头。本期內(nèi)容中 Vue.js 和 Visual Studio Code 的內(nèi)容比重偏大伊群。此外考杉，我每周會(huì)發(fā)布 1~2 篇高質(zhì)量的技術(shù)文章到我的<a >知乎專(zhuān)欄</a>，歡迎大家訂閱舰始。以下是本期內(nèi)容崇棠，請(qǐng)享用。
文章教程
從零開(kāi)始構(gòu)建 JavaScript 技術(shù)棧
這是 JavaScript Stack from Scratch 的中文版丸卷，由我們團(tuán)隊(duì)高級(jí)前端榮劍同學(xué)翻譯成中文：這是個(gè)簡(jiǎn)單直接的 JavaScript 技術(shù)棧構(gòu)建指南枕稀。在此之前，你需要掌握基本的編程知識(shí)和一些 JavaScript 基礎(chǔ)谜嫉。本教程旨在將所有現(xiàn)代 JS 技術(shù)棧結(jié)合起來(lái)使用萎坷，并為每個(gè)工具提供最簡(jiǎn)單的示例。你可以把它當(dāng)作從零開(kāi)始編寫(xiě)代碼樣板的示范沐兰。
你不得不知的 package.json 常識(shí)
可以說(shuō) package.json 是整個(gè) npm 社區(qū)和生態(tài)的核心要素哆档，你可以認(rèn)為他是包、模塊的規(guī)格說(shuō)明住闯，其中的字段都是什么含義瓜浸，應(yīng)該如何使用，懂了這些比原，你的 Node.js 才算是入門(mén)插佛。
基于 Loopback 開(kāi)發(fā)一個(gè)完整的 Rest API Server
Loopback 非常適合用來(lái)開(kāi)發(fā) API Server，他獨(dú)有的 API Explorer 能夠讓你直觀的了解系統(tǒng)所提供的所有接口量窘，需要的參數(shù)雇寇。這篇文章教你基于 Loopback 開(kāi)發(fā)一個(gè)完整的露營(yíng)預(yù)定服務(wù)端，從腳手架到數(shù)據(jù)校驗(yàn)、安全谢床、存儲(chǔ)都有涉及兄一。
開(kāi)發(fā)工具
husky：把 githooks 集成到你的工作流
husky 和 ghooks 類(lèi)似，能幫你把各種檢查真正的落實(shí)到代碼提交和推送工作流识腿，安裝使用非常簡(jiǎn)單出革，非常多的開(kāi)源項(xiàng)目在使用它做簡(jiǎn)單的質(zhì)量控制。
Visual Studio Code 的奇技淫巧
微軟官方整理的渡讼，Visual Studio Code 的各種技巧骂束，覆蓋的面還比較廣，包括快捷鍵成箫、插件安裝展箱、主題設(shè)置、編程字體等蹬昌。
Awesome：Visual Studio Code
Visual Studio Code 在國(guó)外的開(kāi)發(fā)者群體中已經(jīng)非常的受歡迎混驰，它的智能感知功能更是讓很多工程師愛(ài)不釋手，極大的提高了開(kāi)發(fā)效率皂贩。這又是個(gè) Awesome 倉(cāng)庫(kù)栖榨，里面整理了把 Visual Studio Code 編輯器發(fā)揮到極致需要的各種配置、插件明刷。
legit：快速為你的代碼添加版權(quán)頭
說(shuō)程序員是天生懶惰的動(dòng)物婴栽，一點(diǎn)不假，legit 就是這樣的一個(gè)工具辈末，能快速的為你的代碼添加版權(quán)文件頭愚争，讓你不能費(fèi)勁的去復(fù)制粘貼。
代碼框架
flatpickr：簡(jiǎn)潔的輕量級(jí)日期時(shí)間選擇器
開(kāi)發(fā)大型 WEB 應(yīng)用少不了會(huì)有日期時(shí)間選擇的交互挤聘，flatpickr 是一款扁平化設(shè)計(jì)的轰枝，現(xiàn)代簡(jiǎn)約風(fēng)格的日期時(shí)間選擇器，代碼無(wú)依賴(lài)檬洞，體積相比 Bootstrap 和 jQuery UI 的那套小了不止一點(diǎn)點(diǎn)狸膏。
SQLite Parser：JS 實(shí)現(xiàn)的語(yǔ)法解析器
sqlite-parser 是基于 peg.js 實(shí)現(xiàn)的兼容 sqllite 3 語(yǔ)法的解析器，簡(jiǎn)單的說(shuō)就是能把 sql 語(yǔ)句解析成現(xiàn)成的語(yǔ)法樹(shù)添怔，有個(gè)這東西你能做很多事情湾戳，比如在人人車(chē)，我們基于他做了非常靈活的業(yè)務(wù)配置系統(tǒng)广料。
iView：高質(zhì)量的 Vue.js UI 組件庫(kù)
iView 是 一套高質(zhì)量的 Vue.js UI 組件庫(kù)砾脑，純國(guó)產(chǎn)，相信國(guó)內(nèi)的同學(xué)用起來(lái)會(huì)非常順手艾杏，近期發(fā)布了 V2 版本韧衣，其中包含了命令行工具，能快速開(kāi)始新項(xiàng)目。至于組件庫(kù)的構(gòu)成就不多說(shuō)了畅铭，不輸入社區(qū)中其他的組件庫(kù)氏淑，甚至更豐富。
找找靈感
基于 vue2 + vuex 構(gòu)建的有 45 個(gè)頁(yè)面的大型單頁(yè)面應(yīng)用
基于 vue2 + vuex 構(gòu)建的有 45 個(gè)頁(yè)面的大型單頁(yè)面應(yīng)用硕噩，初學(xué)入門(mén)的同學(xué)接觸最多的的是各種 hello world 程序假残，而 bailicangdu 花了兩個(gè)月時(shí)間用 vuejs 幾乎把餓了么的頁(yè)面寫(xiě)了個(gè)遍，正在學(xué) vue.js 的同學(xué)可以研究研究炉擅。
技術(shù)動(dòng)態(tài)
Safari 終于支持 performance timing
Safari 的最新技術(shù)預(yù)覽版已經(jīng)開(kāi)始支持 performance timing辉懒，這對(duì)那些使用 performance timing 采集性能數(shù)據(jù)的同學(xué)來(lái)說(shuō)，是好消息谍失，因?yàn)檫@部分用戶的數(shù)據(jù)采集不再需要 hack 了眶俩。當(dāng)然目前是還在技術(shù)預(yù)覽版中，不久之后才登陸正式版快鱼。
Chrome 開(kāi)發(fā)者工具可以貼在屏幕左側(cè)
有沒(méi)有因?yàn)?Chrome 開(kāi)發(fā)者工具的面板只能貼在屏幕的右邊或下邊而感到不順手颠印？好消息是最新版的 Chrome 開(kāi)發(fā)者工具支持把面板貼在屏幕左側(cè)了，可以更新嘗鮮抹竹。
職位招聘
程序員找工作黑名單嗽仪，已驚呆
首先承認(rèn)這不是招聘貼，說(shuō)實(shí)話看到這個(gè)的時(shí)候我也笑噴了柒莉，不過(guò)每隔一段時(shí)間網(wǎng)上就會(huì)爆出程序員因跟老板不和并且利益沒(méi)有保障的案例，有心人很快就整理了這個(gè)：程序員找工作黑名單沽翔，換工作和當(dāng)技術(shù)合伙人要謹(jǐn)慎兢孝，希望對(duì)各位能有幫助。
