前端週刊第63期：前端新人如何快速提升？

共 1818 字，讀完需 3 分鐘。本週 JSConf China 於上海閉幕，掘金和知乎上都有對應的實錄和問答，但會議的 PPT、視頻目前都還沒放出來，有心的同窗若是找到了歡迎分享。最近公司入職了 3 個實習同窗，本期收錄了關於實習同窗如何快速掌握熟練工程師的工做流程、開發套路來自我提高的多條精彩內容。如下是精選內容，請享用！

技術動態

ES8 發佈及主要特性總覽

ES8 已經正式發佈，這篇文章使用實例對 ES8 中肯定的語言特性（好比 Object.values、Object.entries、String.padStart、String.padEnd）作了介紹，基礎好的同窗能夠本身去閱讀規範原文，此外，掘金翻譯計劃也把文章翻譯成了中文。

文章教程

JS 項目行軍指南

對於至關比例的工程師，尤爲是剛入門的前端工程師來講，開始一個全新的項目就像是在未知領域摸索前行，若是方法不當，維護老項目更是噩夢，那麼推動新項目是否有固定的套路可循呢？這篇文章是 Hive 的團隊總結出來的 JS 項目行軍指南，覆蓋了 Git、依賴、測試、文件組織、代碼規範等方面。

API 安全檢查清單

《清單革命》中提出在醫學領域使用檢查清單是保障複雜手術成功簡單卻有效的方法，有人把這種方法論遷移到建築領域，而軟件工程領域一樣使用，對於開始接觸 JS 後端開發的同窗，如何保障 API 服務的安全有不少方面須要考慮，若是想讓本身成爲思惟縝密的工程師，這篇文章及其中提到的概念和技術，很是值得學習。

awesome-guidelines：編碼風格指南

高質量的代碼會體如今表層和結構兩方面，表層主要指代碼排列、變量命名等方面，結構主要體如今容錯、擴展、調試等方面，表層的代碼技巧相比結構方面更容易掌握，而一般來講表層不好的代碼，結構也好不到哪裏去，這篇聚集了不少門語言的編程規範、最佳實踐。

每一個單元測試都必須回答的 5 個問題

有個難以接受可是殘酷的事實，大多數程序員都不知道怎麼寫測試，測試不只能幫助你理清對需求的理解，還有利於設計的開展，更直接的是方便持續集成爲之後的自動化迴歸打好基礎。那麼該怎麼寫測試？正確的思考都是從提問開始，每一個單元測試都要回答 的問題包括：你在測什麼？它是幹啥的？輸入是什麼？輸出是什麼？如何重複測試？

開發工具

Release：快速生成倉庫的 Changelog

Zeit 官方發佈的命令行工具，運行以後能自動生成 GitHub Release，而且基於上次發佈以後的提交生成本次 Release 的更新日誌，若是不瞭解這種發版流程，建議去看看 React、React Native 的版本更新機制。

Chrome 60 DevTools 新功能預覽

Chrome 無疑是配備了最好的開發者工具的瀏覽器，該視頻經過實際操做講解 Chrome 60 中新發布的 DevTools 功能，感興趣的能夠看看。

代碼框架

Gifted Chat：React Native 會話式 UI 庫

在 AI 時代，人機交互的方式也有很多新的變化，具體到前端領域，會話式UI（Conversational UI）的崛起尤其顯著，微信公號上的自動回覆功能也可算做此類，Gifted Chat 是爲 React Native 定製的會話式交互組件，在交互細節上作了很多的優化考量，也支持靈活的自定義，若是你最近想作個相似的 APP，應該能夠用上。

franc：支持超過 800+ 語言的語種檢測庫

若是你恰巧也須要在工做中處理多國語言，而須要知道數據庫中存儲的文本語種，franc 絕對能爲你所用，支持超過 800+ 語種，支持計算某段文本屬於某種語言的機率，長的文本輸入能給你更精確的結果。

Markvis：在 Markdown 中輸出圖表

不得不說 Markvis 爲 Markdown 帶來了更加豐富的表現力，支持條形圖、餅圖，而且這種需求是剛需，在 Markdown 愈來愈普及的今天。

找找靈感

Practical Node.js：第2版

Practical Node.js 開始修訂第 2 版了，預計年末會完工，這個倉庫是手稿原文，若是你看過的話是否是也能夠參與進去呢？該書的初版評價還比較不錯。

VimGameSnake：在 Vim 中玩貪吃蛇

代碼寫累了想在 Vim 裏面休閒下？請收下這款遊戲吧，不要跟老闆說是前端週刊介紹的，哈哈。固然，若是你想在 Vim 中嘗試更多的遊戲，能夠移步：github.com/jmanoel7/vim-games。

AI 術語中英文對照表

若是你知道某個領域各類術語對應的英文單詞，能看懂英文技術資料就會更容易，前端爲何要關注人工智能？科技發展的趨勢是擋不住的，即便不作人工智能的開發，多學點單詞也能避免很多拼音式變量名吧。

精彩問答

如何對壓縮混淆後的 JS 代碼作逆向工程？

不少前端同窗在初入門的時候可能都用到了逆向工程的方法，區別就是逆向的難度大小的問題，一般 CSS、DOM 再明顯不過了，你對壓縮混淆過的 JS 代碼作過逆向工程麼？沒有的話，讀讀這篇長文，看看 Alex Kras 是如何作到的。

爲何 Reddit 選擇了 TypeScript？

Reddit 的前端團隊在作重構的時候從新選擇了 TypeScript 做爲基本的開發語言，他們調研了哪些方案？選擇 TypeScript 的理由是什麼？若是你時間有限就看最後的結論吧。

認真的 JS 開發者必須知道的 10 件事？

由一個想提升本身的前端工程師發佈在 Redit 上的問題，高票答案總結的很是不錯，如今的前端工程師跟五年前的前端工程師已經大不相同，若是你想在這個領域立足併成爲大牛，這個答案能夠做爲基礎技能檢查清單。

One More Thing

本文做者王仕軍，商業轉載請聯繫做者得到受權，非商業轉載請註明出處。若是你以爲本文對你有幫助，請點贊！若是對文中的內容有任何疑問，歡迎留言討論。想知道我接下來會寫些什麼？歡迎訂閱個人掘金專欄或知乎專欄：《前端週刊：讓你在前端領域跟上時代的腳步》。

Happy Hacking