前端週刊第 47 期:Vue.js 後臺模板 + React Conf 2017 + 餓了麼面試寶典

王仕軍發表於2017-03-19

本文共 2676 字,讀完需 5 分鐘,速讀需 1 分鐘。認真閱讀每期推送的同學可能發現,前端週刊收錄的文章很大比例是英文,早期甚至全是英文,後來接到很多同學反饋才適量增加了中文內容的比例。但是整體來講,我期望能給大家一個刻意學習技術英語的機會,期望有心人能把握。

文章教程

Vue.js 元件編碼規範中文版

早些時候,本週刊推送了 Vue.js 元件編碼規範英文版,這篇是中文譯本,英文不好的同學可以學習下,但是最終建議還是學好英文,可以先從翻譯開始。

使用 TestCafe 對 Vue.js 應用進行 E2E 測試

TestCafe 是 2016 年出現並且已經有不少人採用的 E2E 測試工具,追求軟體質量的團隊和開發者都會想辦法給專案增加測試,測試因粒度不同可分為:單元測試、介面測試、整合測試,而 TestCafe 是用來做整合測試的,即前端說熟知的 E2E 測試,這篇文章介紹瞭如何使用 TestCafe 對 Vue.js 應用進行 E2E 測試。

開發工具

goops:給倉庫新增最佳 gitignore 規則的命令列工具

goops 能夠給你當前的工作目錄新增 .gitignore 檔案的命令列工具,當然他實際上比這個更強大,goops 會分析你當前目錄下的檔案來決定忽略哪些檔案,可以說具有一定程度的智慧。

完成 E2E 測試的 5 個最佳 Node.js 工具

這篇文章裡面列出了適合用來對專案進行 E2E 測試 5 個最佳工具,其中就包括本期週刊收錄的另外一篇文章《 使用 TestCafe 對 Vue.js 進行 E2E 測試》裡面的 TestCafe,如何讓前端的迭代更快、更有自信?調研下這些工具,挑選最適合你的。

程式碼框架

Vue.js + Element UI 的管理後臺模板

一個基於 Vue.js + Webpack + Vuex + Vue-Router + Element UI 的管理後臺種子專案,相比餓了麼官方開源的那個而言,可以說是專業版,對常見的管理後臺功能做了增強,比如所見即所得編輯器、檔案上傳、主題支援等。

Epilogue + Express + Sequelize 快速搭建 API 服務

使用 Express + Sequelize 搭建後端服務是比較常見的技術組合,如果架構是前後端分離的,就需要服務端暴露出各種 API,而 API 遵循某種規範是最好的做法,最常見的就是 Restful 規範了,Epilogue 就是這樣的外掛,幫你快速把 Express + Sequelize 的服務變成 Restful 介面,支援各種各樣的定製。

vue-moment:Vue.js 日期處理的 filter

moment.js 可以說是前端領域日期時間處理的標準庫,在使用 Vue.js 開發應用的時候免不了要格式化日期,vue-moment 已經幫你把這個事情做了,直接引入,就可以在模板中輸出變數的時候新增 moment 的過濾器。

找找靈感

Gulp 優秀外掛、文章、教程大合集

這應該是除了 Gulp 官方的文件和教程之外最好的外掛、文章、教程大合集,我比較好奇的是,為啥作者沒有把這個倉庫命名為 awesome-gulp,雖然 gulp 在前端社群裡面的出現不算是早的,但是學會使用它絕對是值得的。

Awesome Element:餓了麼元件庫周邊

又一張 Awesome List,圍繞著餓了麼大前端開源的 Element 元件庫收集了不少的資料,不管是在使用、打算使用的同學都可以看看,從裡面找找是否有可以用的輪子。

視訊演講

React Conf 2017 視訊大合集

本週結束的 React Conf 2017 上有相當多的乾貨,目前視訊都在 Youtube 上放了出來,本屆 React Conf 的內容也非常精彩,包括:Facebook 內部的 React Native 之路、React 同構應用、Redux 和 MobX 對比、React 開發工具、GraphQL、React VR 等,英語好的同學自行翻牆去學習。

精彩問答

如何在 git-diff 中準確的展示改了哪個單詞?

新版的 git 中提供了 --word-diff 的功能,對於寫 Markdown 的同學非常有用,不同於傳統的整行 diff 模式,他是按詞語來進行 diff,讓你更加清楚的看到道理改了哪個地方。當然,使用這個特性需要升級下 git 版本。

技術動態

Guetzli: 谷歌開源了效率更高的 JPEG 圖片編碼演算法

Guetzli 是谷歌近期宣佈開源的新的 JPEG 圖片編碼演算法,在視覺無損的情況下,編碼出來的圖片體積能減少 20% ~ 30%,官方程式碼倉庫、周邊配套工具已經開始出現,想加快圖片載入速度、節省頻寬?趕緊用起來。

GitHub:更新開源專案許可證的展示

GitHub 更新了 License 介面,讓你對 License 一目瞭然,如果專案是根據流行的開源許可證(如MIT,Apache或GPL)獲得許可,您將看到許可證的簡要說明,以及您可以和不能對專案執行的操作的概述。

職位招聘

如何通過餓了麼 Node.js 面試?

這是餓了麼官方整理的如何通過他們 Node.js 工程師面試的攻略,裡面涵蓋了用 Node.js 做服務端開發的幾乎所有領域,能看的出來,整理這篇內容的人能力、視野都非常的強,即使你沒在找工作,還有有很大的參考價值。

One More Thing

本文首發知乎專欄,商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。如果對文中的內容有任何疑問,歡迎留言討論。想知道我接下來會寫些什麼?歡迎訂閱知乎專欄:《前端週刊:讓你在前端領域跟上時代的腳步》

相關文章