前端週刊第63期:前端新人如何快速提高?

王仕軍發表於2017-07-19

共 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

相關文章