【前端週刊】20191018

近日氣溫轉冷，提醒你們從新穿上那條民俗又雅緻，潮流又本土，既有情感上的眷顧，又有心靈上的呵護，既有鄉村式的樸素，又有國際化的炫酷，深藏不露、寬鬆適度，值得託付的人中呂布、馬中赤兔、衣中秋褲！

下面是剛出爐的週刊奉上...

友情提示：穿上秋褲閱讀，效果更佳！
做者：村委

推薦文章

• 《爲何Vue3.0使用Proxy實現數據監聽？defineProperty表示不背這個鍋》

vue3.0中，響應式數據部分棄用了 Object.defineProperty，使用 Proxy 來代替它。本文將主要經過如下方面來分析爲何vue選擇棄用 Object.defineProperty。

1. Object.defineProperty 真的沒法監測數組下標的變化嗎？
2. 分析vue2.x中對數組 Observe 部分源碼。
3. 對比 Object.defineProperty 和 Proxy。

推薦指數：★★★★★

• 《JS 代碼髒亂差？你須要知道這些優化技巧》

這是一篇不同的代碼規範文章，從語句、聲明式再到面向對象編程，結合ESLint與代碼實例 深刻講解其中優劣。文章內容很是實用，值得一看。

推薦指數：★★★★★

• 《深度解讀當代前端架構演進與趨勢（上）》

• 《深度解讀當代前端架構演進與趨勢（下）》

長文來襲，謹慎閱讀！

做者原話：軟件架構的核心思想，就是推斷軟件系統各個組件之間數據流動的方式。軟件架構的質量取決於你設法推斷這些數據流的難易程度！本文要講的內容，就是在今天的 Web 應用程序背後探索這些數據流和最終的體系結構。Web 應用已從簡單的靜態網站（雙層結構）發展爲複雜的多層次、SPA 和 SSR 驅動的 API 優先系統。CMS 系統已發展成無頭（Headless）和內容優先的系統。

推薦指數：★★★★★

• 《VSCode插件開發全攻略》

咱們在開發過程當中多多少少會有一些本身的特殊定製需求，當你不知道開發一個IDE插件其實也很容易、或者你沒有意識到經過開發插件能夠幫你提高多大效率時，你並不會下意識的將一些問題的解決方式往IDE插件開發上去想。

這篇文章很詳細的介紹了VScode插件從開發調試到打包、發佈、升級全流程。(看完這篇文章你就能夠往這兒想了)。

推薦指數：★★★★☆

優秀庫

• 《vue-typescript-admin-template》

vue-element-admin 的 TypeScript 版本。vue-element-admin是一個後臺前端解決方案，它基於 vue 和 element-ui實現。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它能夠幫助你快速搭建企業級中後臺產品原型。

此項目能夠重點看下 TypeScript 如何在項目中進行實踐的，以及它的項目結構、模塊拆分、代碼風格都是很值得學習的地方。

推薦指數：★★★★☆

拓展閱讀

• 《從生物學的角度淺談前端工程化 》

來來來，一堂生動的生物課來襲，做者另闢新徑用生物學的思惟思考前端工程化，將咱們項目中的業務、規範、工具庫、框架等等比做成生物學上的幹細胞、DNA、組織、器官等，詳細生動的講述了一個前端工程中應該有什麼環節以及每一個環節的做用。趕快點擊查看吧... ...

推薦指數：★★★☆