奇舞週刊第 449 期 2022 年的 CSS 全覽

語言: CN / TW / HK

記得點選文章末尾的“ 閱讀原文 ”檢視喲~

下面先一起看下本期週刊 摘要 吧~

奇舞精選

  2022 年的 CSS 全覽

2022 年將成為 CSS 最偉大的一年。無論是在功能還是合作瀏覽器的功能釋出方面,合作目標是實現 14 個功能。本文是在 Google IO 2022 上發表的演講的文字形式。

這裡不會對每個功能進行深入的講解,而是對每個功能進行簡要概述,提供廣度而不是深度。

  不再支援 IE,React 新特性詳細解讀

React 18 帶來了許多新特性,你也可以看到一些即將出現的新事物。伺服器元件、用於資料獲取的 Suspense,和元件渲染都是接下來的新特性的一部分。

React 正在與它的整個生態系統一起發展,我迫不及待地想看看接下來會發生什麼!

  通過 Preact 看 Diff 演算法細節

通過本篇文章,我們對於 React 最核心的 Diff 邏輯有了基本的瞭解。當然 React 的程式碼細節要複雜得多了,尤其是加了 Fiber 之後,它值得我們持續地去學習和探索。

技術實踐

  Web Components-LitElement 實踐

總的來說,LitElement 在 Web Components 開發方面有著很多比原生的優勢,它具有以下特點:

1.簡單:在 Web Components 標準之上構建,Lit 添加了響應式、宣告性模板和一些周到的功能,減少了模板檔案。

2.快速:更新速度很快,因為 Lit 會跟蹤 UI 的動態部分,並且只在底層狀態發生變化時更新那些部分——無需重建整個虛擬樹並將其與 DOM 的當前狀態進行比較。

3.輕便:Lit 的壓縮後大小約為 5 KB,有助於保持較小的包大小並縮短載入時間。

4.高擴充套件性...

  乾貨 | 攜程機票前端 Svelte 生產實踐

通過這次技改,使我們對 Svelte 有了一些全新的認知。整體來說,Svelte 繼前端三大框架之後推陳出新,以一種新的思路實現了響應式。

  我們是怎麼在專案中落地 qiankun 的

微前端是一種多個團隊通過獨立釋出功能的方式來共同構建現代化 web 應用的技術手段及方法策略。

經過技術調研,我們決定用微前端的方式實現。

拓展邊界

  WebAssembly 最新進展與未來方向

什麼是 WebAssembly、為什麼選擇 WebAssembly、它經歷了哪些開發歷程、未來發展方向如何...怎麼參與這項工作?

  世界第三大瀏覽器正在消亡

你認為,是什麼影響了 Firefox 使用者群的減少呢?你更喜歡哪一個瀏覽器作為你的主要 Web 瀏覽器?

  Sourcetree 使用小心得

通過本篇的使用方式總結,大家在 sourcetree 全流程的使用上,心裡應該有了底氣。

關於奇舞團

奇舞團是 360 集團最大的大前端團隊,代表集團參與 W3C 和 ECMA 會員(TC39)工作。奇舞團非常重視人才培養,有工程師、講師、翻譯官、業務介面人、團隊 Leader 等多種發展方向供員工選擇,並輔以提供相應的技術力、專業力、通用力、領導力等培訓課程。奇舞團以開放和求賢的心態歡迎各種優秀人才關注和加入奇舞團。