第37期 一次性講明白vue插槽slot & React Fiber調度機制和事件系統 & MVC啓示錄

MVC啓示錄 - 模塊的職責，做用域和通訊

在上一篇中，我提出了一個應用中常見的問題：如何在多個視圖中共享同一份數據，而且保證它的改動可以同步到不一樣的視圖中去？

針對這個問題我給出了兩類解決方案：一類是用戶行爲驅動的意識流編碼，好比當我選擇將素材回滾到某個歷史版本時，我想固然的手動去更新每個視圖

Webpack 插件開發如此簡單

本文使用的Webpack-Quickly-Starter快速搭建 Webpack4 本地學習環境。
建議多閱讀 Webpack 文檔《Writing a Plugin》章節，學習開發簡單插件。

React Fiber 調度機制和事件系統

經典的事件系統分紅兩大塊，綁定事件與分派事件，在瀏覽器中，分派事件不多人會直接 dispatchEvent。由於建立一個 DOM 事件是很是複雜的事情，不一樣的事件對象對應不一樣的事件構造器，傳參也五花八門。由於分派事件基本上用戶行爲觸發，好比咱們點擊了某個元素，恰逢在這上方綁定了點擊事件，因而觸發了。

JavaScript 內存泄漏防範之道

通常狀況下，忽視內存管理不會對傳統的網頁產生顯著的後果。這是由於，用戶刷新頁面後，內存數據都被清理了。

可是隨着SPA（單頁應用）的普及，咱們不得不更加關注頁面的內存管理。用戶在 SPA 上每每不多刷新頁面，隨着頁面停留時間的增加，內存可能越佔越多，輕則影響頁面性能，嚴重的可能致使標籤頁崩潰。

在這篇文章中，咱們將探討致使 JavaScript 中內存泄露的常見緣由，以及如何改善內存管理。

一次性講明白vue插槽slot

咱們在構建頁面過程當中通常會把用的比較多的公共的部分抽取出來做爲一個單獨的組件，可是在實際使用這個組件的時候卻又不能徹底的知足需求，我但願在這個組件中添加一點東西，這時候咱們就須要用到插槽來分發內容。