第26期 詳解React 16的Diff策略 & 深刻分析Session和Cookie & 圖解ChunkSplitPlugin

深刻分析Session和Cookie

在Web發展史中，咱們知道瀏覽器與服務器間採用的是 http協議，而這種協議是無狀態的，因此這就致使了服務器沒法知道是誰在瀏覽網頁，但很明顯，一些網頁須要知道用戶的狀態，例如登錄，購物車等。

因此爲了解決這一問題，前後出現了四種技術，分別是隱藏表單域，URL重寫，cookie，session，而用的最多也是比較重要的就是cookie和session了。

圖解ChunkSplitPlugin

chunk(module 的集合)在 webpack 解析的依賴圖中以父子關係聯繫起來的。最初CommonsChunkPlugin被設計用於 chunk 之間避免重複依賴，可是性能遠遠不是最優解。

在 webpack 4 中，內置了ChunkSplitPlugin用於替代CommonsChunkPlugin。

如下基於官方 demo進行梳理，將主要的數據結構結合圖示和我的的理解進行總結。

揭開此插件的設計思路和源碼神祕面紗

不可錯過的實用前端工具

給你們整理了 25 個前端相關的學習網站和一些靠譜的小工具，包括一些小遊戲、教程、社區網站和博客，以及一些資源網站，但願能夠幫助到你們！

Deep In React之淺談 React Fiber 架構(一)

2016 年都已經透露出來的概念，這都 9102 年了，我纔開始寫 Fiber 的文章，表示慚愧呀。不過如今好的是關於 Fiber 的資料已經很豐富了，在寫文章的時候參考資料比較多，比較容易深入的理解。

個人思路是自上而下的介紹，先理解總體的 Fiber 架構，而後再細挖每個點，因此這篇文章主要是談 Fiber 架構的。

詳解 React 16 的 Diff 策略

我相信在看這篇文章的讀者通常都已經瞭解過 React 16 之前的 Diff 算法了，這個算法也算是 React 跨時代或者說最有影響力的一點了，使 React 在保持了可維護性的基礎上性能大大的提升，但 Diff 過程不只不是免費的，並且對性能影響很大，有時候更新頁面的時候每每 Diff 所花的時間 js 運行時間比 Rendering 和 Painting 花費更多的時間，因此我一直傳達的觀念是 React 或者說框架的意義是爲了提升代碼的可維護性，而不是爲了提升性能的，如今所作的提高性能的操做，只是在可維護性的基礎上對性能的優化。

公衆號: 前端收藏家。收集全網優秀前端技術資訊，與你分享，共同成長。