K60至尊版剛預(yù)熱 一加Ace2 Pro正面硬剛
Redmi這邊剛?cè)缁鹑巛钡男麄髁薑60 Ultra的各種技術(shù)和硬件配置，作為競(jìng)品的一加也坐不住了。一加中國(guó)區(qū)總裁李杰發(fā)布了兩條微博，表示在自家的一加Ace2上早就已經(jīng)采用了和PixelWo
近日，微軟的 Edge 瀏覽器宣布從 122 版本開始，瀏覽器基礎(chǔ) UI 響應(yīng)速度提升了 42%，對(duì)于沒有 SSD 或少于 8GB RAM 的設(shè)備用戶，響應(yīng)速度提升了 76%，下面就來看看 Edge 是如何實(shí)現(xiàn)性能提升的！
目前，Edge 已完成部分改造，未來幾個(gè)月，微軟將對(duì) Edge 的更多功能進(jìn)行改進(jìn)，以提升響應(yīng)速度。
那你可能要問了，Edge 不是瀏覽器嘛，為啥還會(huì)使用 React 呢？ 這是因?yàn)椋瑸g覽器很多功能實(shí)際上就是網(wǎng)頁，都是使用常用的前端技術(shù)（如 React）開發(fā)的，不僅 Edge，很多瀏覽器的功能都是使用常見的前端技術(shù)實(shí)現(xiàn)的。
微軟通過收集用戶數(shù)據(jù)了解到，Edge UI 的響應(yīng)速度有待提升，并發(fā)現(xiàn)了一些改進(jìn)點(diǎn)，比如 Edge 中組織 UI 代碼的方式不夠模塊化、代碼包過大并且過度依賴 JavaScript 框架。其實(shí)，從 2014 年左右開始，開發(fā)者就開始有些過度依賴 JavaScript，特別是 React、Vue 等庫和框架的引入，雖然這有助于 Web 應(yīng)用的擴(kuò)展和用戶界面的動(dòng)態(tài)性，但也增加了用戶設(shè)備上處理的 JavaScript 量，影響了應(yīng)用性能。
因此，微軟推出了一個(gè)名為 WebUI 2.0 的內(nèi)部項(xiàng)目，通過減少了對(duì) React 的依賴，增加對(duì) Web Components 的使用，構(gòu)建以 HTML 為先的全新架構(gòu)，減少了代碼包大小和 JavaScript 代碼的運(yùn)行量，提高了 UI 的響應(yīng)性能。
微軟 Edge 團(tuán)隊(duì)希望更多的網(wǎng)站開始采用 HTML 優(yōu)先、小包和更少 UI 渲染JavaScript 代碼的方法。未來，微軟計(jì)劃將 WebUI 2.0 的組件開源，讓更多開發(fā)者都能受益。
2024 年，前端框架的競(jìng)爭(zhēng)日趨激烈，各大框架都在持續(xù)發(fā)力，力求在市場(chǎng)中占據(jù)一席之地。然而，在這場(chǎng)競(jìng)爭(zhēng)中，Edge 瀏覽器卻放棄廣受歡迎的 React 框架，轉(zhuǎn)而擁抱 Web Components。
擁抱 Web Components 是基于對(duì) Web 技術(shù)發(fā)展趨勢(shì)的深刻洞察和對(duì)性能優(yōu)化的追求。這一決策旨在通過利用瀏覽器原生支持的Web Components 技術(shù)，實(shí)現(xiàn)更快的加載速度、更低的運(yùn)行開銷、更廣泛的跨瀏覽器兼容性、高度的可重用性和封裝性，以及自定義的性能優(yōu)化。
Web Components是一套由多個(gè)Web平臺(tái)標(biāo)準(zhǔn)組成的技術(shù)，旨在允許開發(fā)者創(chuàng)建可重用、獨(dú)立的Web元素。它主要由以下三個(gè)核心部分組成：
<my-button>或<my-carousel>。最后來分享 8 個(gè)開源的 Web Components 項(xiàng)目，以供學(xué)習(xí)。
Fast Element 是一個(gè)基于 Web Components 標(biāo)準(zhǔn)的開源 UI 庫，由微軟出品。Fast Element 旨在提供高性能、可維護(hù)和易擴(kuò)展的 Web Components，以便構(gòu)建現(xiàn)代化 Web 應(yīng)用程序。Fast Element 的特點(diǎn)包括：
圖片
Github：https://github.com/Microsoft/fast
omi 是騰訊出品的 Web Components 框架，內(nèi)置 JSX 和信號(hào) signal/Signal。其具有以下特點(diǎn)：
圖片
Github：https://github.com/Tencent/omi
Quark Design 是哈啰出品的面向 C 端的下一代前端組件庫，它可以在任意框架或無框架中使用，支撐哈啰幾乎所有 C 端 H5 項(xiàng)目，包括交易，支付，兩輪，商城等。這是一個(gè)設(shè)計(jì)輕盈優(yōu)雅的企業(yè)級(jí) UI 組件庫，可以滿足所有日常使用的基礎(chǔ)組件需求。
圖片
Quark design 是一種全新的組件庫，底層基于Web Components，不同于傳統(tǒng)組件框架（如Antd, Vant），需要瀏覽器中需要做大量前置工作。Quarkd則將這些工作放到構(gòu)建應(yīng)用程序的編譯時(shí)來處理。組件的數(shù)據(jù)更新響應(yīng)由瀏覽器自身API處理，更簡(jiǎn)單，更高效！
圖片
Github：https://github.com/hellof2e/quark-design
Lit 是一個(gè)基于 Web Components 標(biāo)準(zhǔn)的 JavaScript 庫，它提供了一系列的工具和 API ，使得創(chuàng)建高性能、動(dòng)態(tài)、可重用的 Web 組件變得更加容易。Lit 的特點(diǎn)包括：
圖片
Github：https://github.com/lit/lit
Stencil是一個(gè)開源的使用TypeScript、JSX和CSS來創(chuàng)建符合標(biāo)準(zhǔn)的Web Components的編譯器。它結(jié)合了最流行框架的最佳概念，提供便捷的API和關(guān)鍵功能，如預(yù)渲染和對(duì)象作為屬性，使編寫快速、強(qiáng)大的組件變得更加簡(jiǎn)單。Stencil還可以生成特定于框架的包裝器，以便與流行的框架直接集成使用，并提供優(yōu)化的開發(fā)體驗(yàn)，包括實(shí)時(shí)重載和一個(gè)小型開發(fā)服務(wù)器。
圖片
Github：https://github.com/ionic-team/stencil
Lion 是一套基于 Web Components 的組件庫，具備高性能、高可訪問性和靈活性。作為一個(gè)無偏見、可定制的白標(biāo)層，Lion 提供了豐富的組件基礎(chǔ)，允許開發(fā)者輕松擴(kuò)展和構(gòu)建自己的組件層。
圖片
Github：https://github.com/ing-bank/lion
Shoelace 是一個(gè)具有前瞻性的基于 Web Components 的 UI 組件庫。它具有以下特點(diǎn)：
圖片
Github：https://github.com/shoelace-style/shoelace
一系列 Web Components 學(xué)習(xí)資源，包含文章、案例、框架、庫、生態(tài)系統(tǒng)、圖書等。
圖片
Github：https://github.com/web-padawan/awesome-web-components
本文鏈接：http://m.www897cc.com/showinfo-26-92156-0.html微軟Edge瀏覽器放棄 React，性能大幅提升！
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)