Astro 是一個現代化的輕量級靜態站點生成器,用于構建以內容為中心的高性能網站。
2023年,Astro 發布了兩個主要版本,第三個主要版本已經在路上了。
主流瀏覽器的最新版本都已經支持 CSS 嵌套語法。
對于以下 CSS 樣式:
table.colortable td { text-align:center;}table.colortable td.c { text-transform:uppercase;}table.colortable td:first-child, table.colortable td:first-child+td { border:1px solid black;}table.colortable th { text-align:center; background:black; color:white;}
使用嵌套:
table.colortable { & td { text-align:center; &.c { text-transform:uppercase } &:first-child, &:first-child + td { border:1px solid black } } & th { text-align:center; background:black; color:white; }}
2 月 11 日,Honeypot 發布了期待已久的 React 記錄片,記錄了 React 的發展歷程。React 紀錄片主要內容如下:
3 月 10 日,字節跳動自研 Web 構建工具 Rspack 正式發布。Rspack 是由 ByteDance Web Infra 團隊孵化的基于 Rust 語言開發的 Web 構建工具,擁有高性能、兼容 Webpack 生態、定制性強等多種優點,解決了我們在業務場景中遇到的非常多的問題,讓很多開發者的體驗有了質的提升。
Rspack 的特性如下:
2023 年,TypeScript 發布了一個主要版本,三個次要版本:
3 月 17 日,在 React 新文檔的 Beta 版上線一年之后,React 終于正式發布了全新的 React 官方文檔!新文檔已啟用新的域名:https://react.dev/。
新文檔主要包含以下部分:
2023 年,跨平臺桌面應用開發工具 Electron 發布了四個主要版本:
經過多年的開發,Chrome 團隊發布 WebGPU,它允許在 Web 上進行高性能 3D 圖形和數據并行計算。WebGPU 默認在 Chrome 113 中可用。
WebGPU 是一種新的 Web API,它公開了現代硬件功能,并允許在 GPU 上進行渲染和計算操作,類似于 Direct3D 12、Metal 和 Vulkan。與 WebGL 系列 API 不同,WebGPU 提供了對更高級 GPU 功能的訪問,并為 GPU 上的通用計算提供一流的支持。該 API 的設計考慮了 Web 平臺,具有常用的 JavaScript API、與 Promise 的集成、對導入視頻的支持以及帶有大量錯誤消息的完善的開發人員體驗。
2023 年,Node.js 發布了兩個主要版本:
除此之外,Node.js 16 已于 2023.9.11 到達生命周期結束(EOL),屆時 Node.js 16 已停止維護。
4 月 25 日,Vue 正式推出框架能力官方認證,即 Vue.js 框架能力證書,該認證由 Vue School 與 Vue.js 團隊合作提供支持。
該認證的試題集和代碼挑戰由 Vue.js 核心團隊審核,包括尤雨溪。他們的直接參與有助于確保所測試的能力是實現 Vue.js 框架最佳使用所必需的能力。計劃收入的一部分將用于支持 Vue.js 開發。
5 月 2 日,追求極致性能的前端框架 Qwik 發布了 1.0 版本!Qwik 類似于 React,它也使用用 JSX 編寫的組件作為模板,主要區別在于其專注于在瀏覽器中傳輸最少的 JavaScript。
Qwik 不依靠水合來為服務器上生成的頁面帶來交互性,而是使用一種稱為可恢復性的技術來提供即時交互的 HTML。它通過在 HTML 本身中序列化應用的狀態來工作。該項目由 Mi?ko Hevery 領導,他是 AngularJS 的創建者,他的口號是“為 Web 應用增強 HTML”,Qwik 就是“HTML 優先的框架”。
在 2022 年 JavaScript 明星項目的前端框架排行中,Qwik 排在第二位,僅次于 React。
Qwik 提供快速擴展的即用型集成,可以與您喜歡的庫和框架輕松集成。只需在命令行上運行npx qwik add,然后從列表中選擇所需的集成即可:
React 團隊希望給 React 社區提供一個選項,使其可以在新功能的設計接近完成時就可以選擇使用這些功能,而不必等到它們發布為穩定版本,因此引入了一個新的官方支持的 Canary 發布渠道,這個渠道將使用單獨的 React 功能與 React 發布計劃解耦。
5 月 11 日,Vue 3.3 正式發布,代號為 Rurouni Kenshin。此版本更新主要針對開發者體驗進行了改進,特別是在使用 TypeScript 時的 SFC <script setup>。與 Vue 語言工具(Volar)1.6 的發布相結合,解決了在使用 TypeScript 時存在的許多長期困擾問題。
此外,Vue 2 將于 2023 年 12 月 31 日達到生命周期結束(EOL),屆時 Vue 2 將停止支持。
在近日的 2023 Google I/O 大會上,介紹了很多新的 CSS 特性,包括:
2013 年 5 月 29 日,React 正式開源,至今已過去了十年!自發布以來,React 已經成為前端開發領域中最受歡迎的技術之一,其生態系統越來越豐富,Github 累計獲得了 208k Star,每月 npm 平均安裝量達到了 200w。
十年來 React 的重要里程碑總結如下:
6 月,前端框架 Svelte 的創建者 Rich Harris 提出要將 Svelte 從 TypeScript 切換到使用 JSDoc 的 JavaScript。這種轉變得到了 Svelte 團隊的大力支持,他們決定在 Svelte 4 代碼庫中從 TypeScript 遷移到 JavaScript JSDoc。
8 月,前端工具 Turbo 宣布放棄 TypeScript。
6 月 15 日,程序員社區 Stack Overflow 正式發布了 2023 年度的開發者調查報告。報告顯示,今年,JavaScript 已經連續第 11 年成為最常用編程語言。
Node.js 和 React.js 是所有受訪者最常用的兩種 Web 技術。值得注意的是 Next.js 從 2022 年的第 11 位上升到今年的第 6 位。
Visual Studio Code 仍然是所有開發人員的首選 IDE,今年它在所有開發人員中的使用率從 75% 增加到 81%。
Rust 是最受推崇的語言,超過 80% 使用它的開發人員希望明年再次使用它。
6 月 21 日,React Native 0.72 正式發布,該版本增加了 Metro 強烈要求的功能,改進了錯誤處理和其他開發者體驗方面的改進。
時隔四年,6 月 22 日,前端框架 Svelte 發布了全新的主要版本:4.0。Svelte 4 主要是一個維護版本,提高了最低版本要求,并在特定領域優化了設計。它為下一代 Svelte 發布(Svelte 5)奠定了基礎。
2023 年 6 月 27 日,第 125 屆 ECMA 大會正式批準了 ECMAScript 2023 語言規范,其正式成為最新 ECMAScript 標準。
ECMAScript 2023 的更新內容包括:
7 月 20 日,React 團隊核心成員、Redux 作者 Dan Abramov 在社交平臺表示,他即將離開 React 團隊,開啟新的旅程。
離開 Meta 就意味著要離開 React 團隊,也意味著以后不會杯被任何公司積極贊助全職從事 React 工作,但是 Dan 表示會繼續參與團隊的工作并參加會議。
2023 年截止至今,WebStorm 發布了兩個主要版本,最后一個主要版本已經在路上了。
8 月 26 日,2023 年度 State of CSS 調查(CSS 現狀調查)結果正式公布。
State of CSS 調查旨在確定 Web 開發生態系統中即將出現的趨勢,以幫助開發人員做出技術選擇。因此,這些調查的重點是預測未來幾年會發生什么,而不是分析現在流行的趨勢。此外,瀏覽器供應商會使用調查數據來確定功能的優先級并為 Interop 2023 等計劃提供信息。
今年,前端出現了一個名為 HTMX 工具,引發了熱議,它可以說是增強版的 HTML。
HTMX 允許在不使用 JavaScript 的情況下添加現代瀏覽器功能。可以直接在 HTML 中使用屬性來訪問 AJAX、CSS 過渡效果、WebSockets 和服務器推送等功能,以便以超文本的簡單性和強大性構建現代用戶界面。
HTMX 的設計理念是通過解除HTML在前端開發中的一些限制,使其成為一個更加完整和強大的超文本工具。通常情況下,在傳統的Web開發中,只有<a>和<form>標簽可以發起HTTP請求,只有點擊和提交事件可以觸發這些請求,只有GET和POST方法可用,并且只能替換整個屏幕內容。而HTMX打破了這些限制,允許使用額外的HTML屬性來實現更多的功能,而不需要編寫大量的JavaScript代碼。例如,在HTML中使用特定的屬性即可實現進度條、懶加載、無限滾動、內聯驗證等特性。
htmx 成功地將 HTML 的簡潔性與通常與復雜JavaScript庫相關的動態功能相結合,為創建交互式網絡應用程序提供了一個全新的選擇。然而,它并不是適用于所有情況的解決方案。對于更復雜的應用,我們可能仍然需要使用JavaScript框架。但是,如果目標是創建一個快速、交互性強且用戶友好的Web應用,而又不增加太多復雜性,那么 htmx 絕對是值得考慮的。
了解更多:《htmx:增強版 HTML 來了!》
9 月 2 日,Facebook 出品的前端工具 Rome 宣布停止維護,儲存庫已存檔。
發布僅三年的前端工具鏈 Rome 涼了。
9 月 8 日,前端運行時 Bun 1.0 正式發布,如今,Bun 已經穩定并且適用于生產環境。Bun 不僅是一個專注性能與開發者體驗的全新 JavaScript 運行時,還是一個快速的、全能的工具包,可用于運行、構建、測試和調試JavaScript和TypeScript代碼,無論是單個文件還是完整的全棧應用。
2022 年 7 月,Bun 發布,隨即爆火,成為年度最火的前端項目:
僅一個月內,就在 GitHub 上獲得了超過兩萬顆 Star。
Bun 不僅僅是一個運行時。它也是:
由于是一個新的工具,所以難免存在一些問題。1.0 版本發布之后,Bun 的作者一直積極的改Bug、增加新功能。
延伸閱讀:JS三大運行時全面對比:Node.js vs Bun vs Deno
9 月,Chrome 迎來了 15 歲生日。盡管過去 15 年發生了很多變化,但最初的目標仍然不變——構建一個快速、可靠、安全且易于使用的瀏覽器。
這一目標推動著 Chrome 團隊對 Chrome 所做的每一項改進。我們以比任何其他瀏覽器更快的速度向數十億用戶發布有用的功能和更新,并與開發人員合作,幫助他們提高網站性能。今年,Chrome在基準測試中實現了最快的加載速度。為了增強安全性,幫助將網絡默認轉向 HTTPS,并使人們更容易管理和保護其密碼。除此之外,還融入了機器學習,以提供更易于訪問和個性化的瀏覽體驗。
為了慶祝 15 歲生日,新版 Chrome 桌面版帶來了全新的外觀、全新的搜索功能、全新的應用商店、全新的安全策略,以讓用戶繼續在 Chrome 上輕松、快速、安全地瀏覽。
9 月 16 日,全棧 Web 框架 Remix 正式發布了 2.0 版本,Remix 團隊在發布 1.0 版本后經過近 2 年的持續努力,發布了 19 個次要版本、100 多個補丁版本,并解決了數千個問題和拉取請求,終于迎來了第二個主要版本!
Remix 是一個由 React Router 開發團隊所開發的基于 React 和 TypeScript 的全棧框架。2021 年 11 月,Remix 正式開源,至今已在 Github 上獲得了 24.6k star。Remix 正式開源時,引發了前端圈不小的關注,其被普遍認為是 Next.js 的強勁對手。
時隔兩年,Next.js 擁有 112k star,是 Remix 的近 5 倍。Next.js 周下載量 279 萬,而 Remix 僅有 1.4 萬,Next.js 是 Remix 的近 200 倍。可見,Remix 并沒有像大家預料的那樣,成為 Next.js 的有力競爭對手,在開發者社區中只有較小的市場份額。盡管如此,Remix 仍然吸引了一些開發者,并且在特定領域或項目中有其優勢和適用性。
10 月 5 日 - 6 日,ViteConf 2023 在線舉行,Vue 和 Vite 的創建者尤雨溪發表了題為《The State of Vite》 的演講,在演講中,尤雨溪總結了 Vite 的版本發布情況、Vite 增長和采用情況,并對 Vite 的未來進行了展望。
Vite 團隊正在研發 Rolldown,它是使用 Rust 開發的 Rollup 替代品。從零開始用 Rust 編寫一個打包工具并非易事,這需要花費大量的努力。下面來看一下 Rolldown 的路線圖,以及從短期到長期的關鍵節點。
第一階段的目標是能夠替代 esbuild 進行依賴預打包,其中關鍵的挑戰在于處理 CommonJS 和偽 ESM 依賴項。
第二階段的目標是實現與 Rollup 相當的功能,尤其是與 Rollup 插件生態系統的兼容性,以及實現 tree-shaking 和高級塊分割控制。最終目標是在 Vite 中使用 Rolldown 作為生產構建的替代品,以提供功能更強大、高效、易用和靈活的打包工具。
第三個階段會稍微遙遠一些,它將包括一些最常見需求的內置轉換,例如 TypeScript、JSX、代碼壓縮,以及基于目標環境進行語法降級。這個階段的目標是實現 esbuild 的功能,最終將用 Rolldown 取代 esbuild 和 Rollup。
從長遠來看,Vite 團隊也在考慮如何讓 Vite 本身能夠更好地受益于原生級別的速度。一種可能的實現方式是通過 Rust API 來公開 Rolldown 的插件容器,并將 Rolldown 作為 Vite 引入自己的Rust核心的依賴項。這樣一來,Vite 就可以將許多內部插件和轉換使用 Rust 重構,從而提高性能關鍵路徑上的效率。此外,為那些開發過程中有太多未打包模塊的項目引入完全打包模式也是一個備選方案。
最終,Rolldown 的目標并不是取代現有的工具,而是更好地滿足在 Vite 中所面臨的獨特需求,并最終使所有使用 Vite 的用戶受益。
2023 年,Angular 發布了兩個主要版本:16 和 17。
Facebook 法國前端工程師、React Native 和 Prettier 的聯合創始人 Vjeux 在社交平臺發帖,尋求有能力的開發者來使用 Rust 重寫前端代碼格式化工具 Prettier,并懸賞 1 萬美元。Vercel 的首席執行官 Guillermo Rauch 也跟帖表示,進一步對該懸賞進行加碼,將賞金升級到了 2 萬美元。此外,Wasmer 官方也附議了 Vjeux 的這一提議,并表示將額外提供 2500 美元的獎勵。
最終,Biome 贏得 Prettier 挑戰的 $22.5K 獎金。
本文鏈接:http://www.www897cc.com/showinfo-26-38333-0.html盤點2023年前端大事件
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com
上一篇: 如何使用Web組件制作可定制的天氣小部件