訊息:Svelte 4 發(fā)布
時間:2023-06-23 21:18:22
(相關(guān)資料圖)
距離 Svelte 3 發(fā)布已經(jīng)過去了四年多的時間,經(jīng)過幾個月的籌備,Svelte 4 穩(wěn)定版本于今天正式發(fā)布。
新版本改進了性能、優(yōu)化了開發(fā)者體驗,并大改了網(wǎng)站。Svelte 4 主要是一個維護版本,它為下一代的 Svelte 發(fā)布奠定了基礎(chǔ)。
性能
這個版本使 hydration 代碼更小更快。為了看到其影響,SvelteKit 用戶可以通過檢查.svelte-kit/output/client/_app/immutable/nodes
文件夾來看到其編譯后的輸出尺寸縮小。例如,在kit.svelte.dev 上,整個網(wǎng)站生成的 JS 大小減少了 12.7%。
Svelte 4 將 Svelte 包的大小減少了近 75%,這意味著在npm install
上的等待時間減少了。對于第一次在 learn.svelte.dev 上加載交互式學(xué)習(xí)體驗的用戶、Svelte REPL 的用戶以及網(wǎng)絡(luò)條件有限的用戶來說,這一改進將尤為明顯。剩下的大部分軟件包大小是對 eslint 的支持,這就需要發(fā)布一個 CJS 構(gòu)建,一旦 eslint 重寫完成,Svelte的軟件包大小可以再下降 50% 以上。
Svelte 中依賴的數(shù)量已經(jīng)從 61 個大大減少到 16 個。這意味著用戶下載速度更快,也更不容易受到供應(yīng)鏈攻擊的影響。
開發(fā)者體驗
Svelte 4 使 Svelte 的創(chuàng)作體驗更加直觀和一致: |local
現(xiàn)在是轉(zhuǎn)換的默認值,以避免動畫阻礙頁面轉(zhuǎn)換,預(yù)處理程序現(xiàn)在更容易編寫,多項修正使 CSP 更容易設(shè)置和使用。
對于 Web 組件的用戶來說,最大的變化是對你使用 Svelte 編寫自定義元素的方式進行了全面修改。通過改變它們的生成方式,可以消除了一大類錯誤和不一致的地方。
最后,還做了幾項改進 IDE 編寫的體驗:“cmd + 點擊” svelte 模塊現(xiàn)在可以帶你到實現(xiàn),而不是.d.ts
文件。 從svelte/internal
導(dǎo)入的文件現(xiàn)在被隱藏,不會干擾自動補全建議,自動導(dǎo)入現(xiàn)在更可靠。
更新了網(wǎng)站、文檔和教程
官方 svelte.dev 網(wǎng)站已經(jīng)進行了大改。它現(xiàn)在被分割成多個頁面,并改進了導(dǎo)航、更新了 TypeScript 文檔、黑暗模式和增強的 REPL。SvelteKit 網(wǎng)站也在進行更新,以與之匹配。還更新了所有的教程鏈接,以指向新的 learn.svelte.dev。舊的教程仍然適用于 Safari 16.3 及以前的用戶。
更多詳情可查看:https://github.com/sveltejs/svelte/releases/tag/svelte%404.0.0
相關(guān)稿件
世界微動態(tài)丨蘭州機場到蘭州西站多長時間_蘭州機場到蘭州西站
機器人滲透率持續(xù)提升帶動減速器需求 機構(gòu)建議關(guān)注具備技術(shù)優(yōu)勢龍頭企業(yè)|資訊推薦
【全球速看料】梅雨季節(jié)過敏高發(fā) 控制濕度溫度有竅門
麥收時節(jié)丨小麥主產(chǎn)區(qū)大規(guī)模機收基本結(jié)束 夏播糧食超七成 全球最新
新業(yè)態(tài)拓寬就業(yè)空間 政策扶持添“底氣” 創(chuàng)新創(chuàng)業(yè)氛圍濃 世界視訊
人工發(fā)芽的花生可以吃(人工發(fā)芽的花生能吃嗎)
焦點關(guān)注:嬰兒吐奶是怎么回事以及處理方法_新生兒打嗝吐奶怎么回事
【熱聞】6月22日10時路況:積水恢復(fù),進出城道堵。
6月香港強積金平均投資回報約4.26% 人均賺6600港元 精選
世界視訊!鹽城經(jīng)濟技術(shù)開發(fā)區(qū)為農(nóng)村公路加裝“安全防護網(wǎng)”
【世界播資訊】想顯瘦又優(yōu)雅?這個夏天必穿“奶奶褲+高跟鞋和平底鞋“,高級時髦
環(huán)球觀天下!泰坦號沉船使一款游戲銷量暴漲 玩家:6美元體驗慘案
視訊!檢驗機制鍛煉隊伍 確保汛期萬無一失 西安開展城市防汛應(yīng)急演練
寧夏銀川一燒烤店發(fā)生爆炸 現(xiàn)場明火已撲滅
強化學(xué)習(xí)從基礎(chǔ)到進階-案例與實踐[3]:表格型方法:Sarsa、Qlearning;蒙特卡洛策略、時序差分等以及Qlearning項目實戰(zhàn)