better-fe 技術週刊 - 2019/08/26

新鮮貨

AST 與前端工程化實戰

推薦理由：AST 是一個很是基礎可是同時很是重要的知識點，咱們熟知的 TypeScript、babel、webpack、vue-cli 都是依賴 AST 進行開發的。本文將經過 AST 與前端工程化的實戰向你們展現 AST 的強大以及重要性。

螞蟻金服如何把前端性能監控作到極致?

推薦理由：前端頁面，尤爲是C端業務，對於性能的要求是很是高的。那咱們如何去評判一個頁面、站點的性能好壞呢？總不能就說"我感受這個頁面很快，我感受這個頁面很慢"，1是過於感性不夠客觀、2是沒有辦法橫向比較。螞蟻金服的同窗就利用了瀏覽器自身API結合數據清洗和一些計算方式來客觀地評價頁面性能，不妨看看他們的作法。

是時候了，無外鏈的CSS開發策略

推薦理由：CSS代碼中無外鏈開發策略，節約了大量的請求的同時，更是方便了之後遷移或引用css文件，本文給出了一些開發實踐與疑慮解惑，一塊兒來看看吧～

詳解 React 16 的 Diff 策略

推薦理由：React 核心算法的更新已經進行了多年了。React 16在保持公共API不變的狀況下，將核心架構改成了支持異步渲染的Fiber架構。這篇文章對Fiber 架構講解的很是全面和深刻，值得學習。

深閱讀

這些Web API真的有用嗎? 別問，問就是有用🈶

推薦理由：本文列舉了一些列比較不常見的Web API，內容較多。閱讀這篇文章，或許會有驚喜哦～

前端該若是解決數據結構和算法

推薦理由：前端程序員有至關一部分對「數據結構」和「算法」的基礎概念都不是很清晰，本文詳細介紹了經常使用的數據結構和算法，能夠對數據結構和算法創建一個較全面的認知體系。

ESLint 在中大型團隊的應用實踐

推薦理由：代碼規範是開發過程當中經久不變的話題，尤爲在多人團隊中，每一個成員若是各有各的代碼規範，會致使項目可維護行大大下降。如何將每一個人的代碼規範統一，提高項目可讀性、可維護。此時咱們便須要使用JS的代碼檢查工具來幫助咱們約束規範。深讀本文，學習如何利用ESLint來幫助約束規範。

checkValidity等form原生JS驗證方法和屬性詳細介紹

推薦理由：form表單在後臺管理系統中應用普遍，爲了簡便，咱們大都使用第三方UI組件庫來實現基礎樣式和基本校驗、查詢等功能，這篇文章可以讓咱們更好的理解校驗實現的原理，form表單原生屬性的強大。附：實踐，xy-ui.codelabo.cn/docs/#/xy-f…