前端周刊第63期：前端新人如何快速提高？

shiyang6017 發(fā)布于2019-08-20 18:08 / 720人閱讀

摘要：最近公司入職了個(gè)實(shí)習(xí)同學(xué)，本期收錄了關(guān)于實(shí)習(xí)同學(xué)如何快速掌握熟練工程師的工作流程開發(fā)套路來自我提升的多條精彩內(nèi)容。想知道我接下來會(huì)寫些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領(lǐng)域跟上時(shí)代的腳步。

共 1818 字，讀完需 3 分鐘。本周 JSConf China 于上海閉幕，掘金和知乎上都有對(duì)應(yīng)的實(shí)錄和問答，但會(huì)議的 PPT、視頻目前都還沒放出來，有心的同學(xué)如果找到了歡迎分享。最近公司入職了 3 個(gè)實(shí)習(xí)同學(xué)，本期收錄了關(guān)于實(shí)習(xí)同學(xué)如何快速掌握熟練工程師的工作流程、開發(fā)套路來自我提升的多條精彩內(nèi)容。以下是精選內(nèi)容，請(qǐng)享用！

技術(shù)動(dòng)態(tài) ES8 發(fā)布及主要特性總覽

ES8 已經(jīng)正式發(fā)布，這篇文章使用實(shí)例對(duì) ES8 中確定的語言特性（比如 Object.values、Object.entries、String.padStart、String.padEnd）做了介紹，基礎(chǔ)好的同學(xué)可以自己去閱讀規(guī)范原文，此外，掘金翻譯計(jì)劃也把文章翻譯成了中文。

文章教程 JS 項(xiàng)目行軍指南

對(duì)于相當(dāng)比例的工程師，尤其是剛?cè)腴T的前端工程師來說，開始一個(gè)全新的項(xiàng)目就像是在未知領(lǐng)域摸索前行，如果方法不當(dāng)，維護(hù)老項(xiàng)目更是噩夢，那么推進(jìn)新項(xiàng)目是否有固定的套路可循呢？這篇文章是 Hive 的團(tuán)隊(duì)總結(jié)出來的 JS 項(xiàng)目行軍指南，覆蓋了 Git、依賴、測試、文件組織、代碼規(guī)范等方面。

API 安全檢查清單

《清單革命》中提出在醫(yī)學(xué)領(lǐng)域使用檢查清單是保障復(fù)雜手術(shù)成功簡單卻有效的方法，有人把這種方法論遷移到建筑領(lǐng)域，而軟件工程領(lǐng)域同樣使用，對(duì)于開始接觸 JS 后端開發(fā)的同學(xué)，如何保障 API 服務(wù)的安全有很多方面需要考慮，如果想讓自己成為思維縝密的工程師，這篇文章及其中提到的概念和技術(shù)，非常值得學(xué)習(xí)。

awesome-guidelines：編碼風(fēng)格指南

高質(zhì)量的代碼會(huì)體現(xiàn)在表層和結(jié)構(gòu)兩方面，表層主要指代碼排列、變量命名等方面，結(jié)構(gòu)主要體現(xiàn)在容錯(cuò)、擴(kuò)展、調(diào)試等方面，表層的代碼技巧相比結(jié)構(gòu)方面更容易掌握，而通常來說表層很差的代碼，結(jié)構(gòu)也好不到哪里去，這篇匯集了很多門語言的編程規(guī)范、最佳實(shí)踐。

每個(gè)單元測試都必須回答的 5 個(gè)問題

有個(gè)難以接受但是殘酷的事實(shí)，大多數(shù)程序員都不知道怎么寫測試，測試不僅能幫助你理清對(duì)需求的理解，還有利于設(shè)計(jì)的開展，更直接的是方便持續(xù)集成為以后的自動(dòng)化回歸打好基礎(chǔ)。那么該怎么寫測試？正確的思考都是從提問開始，每個(gè)單元測試都要回答的問題包括：你在測什么？它是干啥的？輸入是什么？輸出是什么？如何重復(fù)測試？

開發(fā)工具 Release：快速生成倉庫的 Changelog

Zeit 官方發(fā)布的命令行工具，運(yùn)行之后能自動(dòng)生成 GitHub Release，并且基于上次發(fā)布之后的提交生成本次 Release 的更新日志，如果不了解這種發(fā)版流程，建議去看看 React、React Native 的版本更新機(jī)制。

Chrome 60 DevTools 新功能預(yù)覽

Chrome 無疑是配備了最好的開發(fā)者工具的瀏覽器，該視頻通過實(shí)際操作講解 Chrome 60 中新發(fā)布的 DevTools 功能，感興趣的可以看看。

代碼框架 Gifted Chat：React Native 會(huì)話式 UI 庫

在 AI 時(shí)代，人機(jī)交互的方式也有不少新的變化，具體到前端領(lǐng)域，會(huì)話式UI（Conversational UI）的崛起尤為顯著，微信公號(hào)上的自動(dòng)回復(fù)功能也可算作此類，Gifted Chat 是為 React Native 定制的會(huì)話式交互組件，在交互細(xì)節(jié)上做了不少的優(yōu)化考量，也支持靈活的自定義，如果你最近想做個(gè)類似的 APP，應(yīng)該可以用上。

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

如果你恰巧也需要在工作中處理多國語言，而需要知道數(shù)據(jù)庫中存儲(chǔ)的文本語種，franc 絕對(duì)能為你所用，支持超過 800+ 語種，支持計(jì)算某段文本屬于某種語言的概率，長的文本輸入能給你更精確的結(jié)果。

Markvis：在 Markdown 中輸出圖表

不得不說 Markvis 為 Markdown 帶來了更加豐富的表現(xiàn)力，支持條形圖、餅圖，并且這種需求是剛需，在 Markdown 越來越普及的今天。

找找靈感 Practical Node.js：第2版

Practical Node.js 開始修訂第 2 版了，預(yù)計(jì)年底會(huì)完工，這個(gè)倉庫是手稿原文，如果你看過的話是不是也可以參與進(jìn)去呢？該書的第一版評(píng)價(jià)還比較不錯(cuò)。

VimGameSnake：在 Vim 中玩貪吃蛇

代碼寫累了想在 Vim 里面休閑下？請(qǐng)收下這款游戲吧，不要跟老板說是前端周刊介紹的，哈哈。當(dāng)然，如果你想在 Vim 中嘗試更多的游戲，可以移步：github.com/jmanoel7/vim-games。

AI 術(shù)語中英文對(duì)照表

如果你知道某個(gè)領(lǐng)域各種術(shù)語對(duì)應(yīng)的英文單詞，能看懂英文技術(shù)資料就會(huì)更容易，前端為什么要關(guān)注人工智能？科技發(fā)展的趨勢是擋不住的，即使不做人工智能的開發(fā)，多學(xué)點(diǎn)單詞也能避免不少拼音式變量名吧。

精彩問答 如何對(duì)壓縮混淆后的 JS 代碼做逆向工程？

很多前端同學(xué)在初入門的時(shí)候可能都用到了逆向工程的方法，區(qū)別就是逆向的難度大小的問題，通常 CSS、DOM 再明顯不過了，你對(duì)壓縮混淆過的 JS 代碼做過逆向工程么？沒有的話，讀讀這篇長文，看看 Alex Kras 是如何做到的。

為什么 Reddit 選擇了 TypeScript？

Reddit 的前端團(tuán)隊(duì)在做重構(gòu)的時(shí)候重新選擇了 TypeScript 作為基本的開發(fā)語言，他們調(diào)研了哪些方案？選擇 TypeScript 的理由是什么？如果你時(shí)間有限就看最后的結(jié)論吧。

認(rèn)真的 JS 開發(fā)者必須知道的 10 件事？

由一個(gè)想提高自己的前端工程師發(fā)布在 Redit 上的問題，高票答案總結(jié)的非常不錯(cuò)，現(xiàn)在的前端工程師跟五年前的前端工程師已經(jīng)大不相同，如果你想在這個(gè)領(lǐng)域立足并成為大牛，這個(gè)答案可以作為基礎(chǔ)技能檢查清單。

One More Thing

本文作者王仕軍，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。如果你覺得本文對(duì)你有幫助，請(qǐng)點(diǎn)贊！如果對(duì)文中的內(nèi)容有任何疑問，歡迎留言討論。想知道我接下來會(huì)寫些什么？歡迎訂閱我的掘金專欄或知乎專欄：《前端周刊：讓你在前端領(lǐng)域跟上時(shí)代的腳步》。

Happy Hacking

云服務(wù)器 GPU云服務(wù)器獨(dú)立開發(fā)變現(xiàn)周刊（第 17 期）：為了活獨(dú)立開發(fā)變現(xiàn)周刊（第25期）：免費(fèi)表單生獨(dú)立開發(fā)變現(xiàn)周刊（第 19 期）：基于G 獨(dú)立開發(fā)變現(xiàn)周刊（第27期）：15年獨(dú)立

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/84116.html