前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程绅作、一些框架的版本更新芦圾、以及代碼和工具。每周定期發(fā)表俄认,歡迎大家關(guān)注堕扶、轉(zhuǎn)載。
如果外鏈不能訪問梭依,關(guān)注公眾號「前端每周看」,里面有解決辦法
大事件
Webpack 原理系列九:Tree-Shaking 實(shí)現(xiàn)原理——Tree-Shaking 是一種基于 ES Module 規(guī)范的 Dead Code Elimination 技術(shù)典尾,它會在運(yùn)行過程中靜態(tài)分析模塊之間的導(dǎo)入導(dǎo)出役拴,確定 ESM 模塊中哪些導(dǎo)出值未曾其它模塊使用,并將其刪除钾埂,以此實(shí)現(xiàn)打包產(chǎn)物的優(yōu)化河闰。
Parcel v2.4.0 發(fā)布:零配置構(gòu)建工具——Parcel 的新 CSS 解析器和編譯器——Parcel CSS——現(xiàn)在使其成為主要的 Parcel 構(gòu)建工具,作為默認(rèn)的 CSS 轉(zhuǎn)換器和縮小器褥紫。當(dāng)然還有更多:CSS Color Level 4 支持姜性、級聯(lián)層、改進(jìn)的 JS 死代碼消除以及對類靜態(tài)初始化塊的支持髓考。
RFC:Intent to Ship React 18——這個(gè) RFC 涵蓋了 React 18 的新特性和變化部念。雖然 React 18非常接近,但團(tuán)隊(duì)希望獲得“最后一輪廣泛的公眾反饋”(您可以在此處提交)發(fā)布前氨菇。
Node 之道:關(guān)于設(shè)計(jì)儡炼、架構(gòu)和最佳實(shí)踐——一位開發(fā)人員總結(jié)了所有來之不易的最佳實(shí)踐和他為開發(fā)高質(zhì)量 Node 應(yīng)用程序而獲得的直覺。
本周的React Status問題:這是所有 React 鏈接所在的位置——如果您使用 React查蓉,請務(wù)必查看我們的姐妹周刊: React Status乌询。本周發(fā)布了很多可靠的版本,包括Turnstone豌研,一個(gè)新的 React 搜索框組件妹田,以及Liqvid 2.1,一個(gè)使用 React 創(chuàng)建交互式視頻的系統(tǒng)鹃共。
文章
findLast和findLastIndex:從頭到尾搜索數(shù)組的建議方法 — Axel博士很快介紹的建議鬼佣,這將提供一種有效的方法來查找數(shù)組中從最后一項(xiàng)返回到第一項(xiàng)的內(nèi)容。Array.prototype.findLastArray.prototype.findLastIndex
AWS CloudFront 函數(shù)簡介 — CloudFront 函數(shù)允許您將無服務(wù)器 JS 函數(shù)部署到 AWS 的邊緣站點(diǎn)網(wǎng)絡(luò)霜浴,以盡可能靠近最終用戶執(zhí)行沮趣。聽起來像 Lambda@Edge?作者也解釋了那里的區(qū)別坷随。
2022 年通過構(gòu)建投資組合網(wǎng)站探索 SvelteKit - SvelteKit是一個(gè)用于構(gòu)建 Svelte 應(yīng)用程序的框架房铭,它可以處理無聊的部分驻龟,同時(shí)讓您專注于應(yīng)用程序編寫的有趣和創(chuàng)造性部分。
Zach Leatherman 將在 Eleventy SSG 上全職工作 - Zach Leatherman 最近宣布缸匪,他現(xiàn)在將在 Netlify 全職從事 JS 驅(qū)動的靜態(tài)站點(diǎn)生成器Eleventy的工作翁狐。
如何從 Vue CLI 遷移到 Vite - 如果您在2021之前開發(fā)了VUE,那么您選擇的構(gòu)建工具很可能是VUE CLI凌蔬。這已經(jīng)成為Vue的事實(shí)標(biāo)準(zhǔn)露懒。js項(xiàng)目有一段時(shí)間了。不過現(xiàn)在砂心,Evan You的下一代構(gòu)建工具Vite已經(jīng)引起了很多關(guān)注懈词,是Vue CLI的絕佳替代品。
使用 VUE.JS BILAL HAIDAR構(gòu)建 VS Code 擴(kuò)展 - Visual Studio(VS)是開發(fā)人員在日常任務(wù)中使用的最受歡迎的代碼編輯器之一辩诞。它的設(shè)計(jì)考慮到了可擴(kuò)展性坎弯。在某種程度上,VS代碼的大多數(shù)核心功能都是作為擴(kuò)展構(gòu)建的译暂。
框架發(fā)布
- Node 17.8.0 –perf_hooks添加http跟蹤抠忘。
- Pixi.js 6.3.0 – 快速 2D 渲染庫。
- Next SEO 5.2 – Next.js 應(yīng)用程序的更簡單的 SEO外永。
- React Joyride 2.4 – 在 React 應(yīng)用程序中創(chuàng)建導(dǎo)游崎脉。
代碼和工具
- Piling.js:用于創(chuàng)建“Visual Pile”接口的庫:Visual Piling是一種將元素組織和分組到集合中的方法。Piling.js 使它成為可能伯顶,快速并提供所需的 UI囚灼。
- Ladle:更快地開發(fā)和測試您的 React 故事: 一種用于在隔離環(huán)境中構(gòu)建和測試 React 組件的新工具。讓你想起故事書祭衩?Ladle 旨在成為一個(gè)替代品啦撮,但它提供了更快的性能(而且,是的汪厨,有基準(zhǔn))赃春。
- Postgres.js 3.0:用于 Node(和 Deno)的快速、全功能 Postgres 客戶端:現(xiàn)在對于 Deno 和 Node.js劫乱,這個(gè)高性能 Postgres 庫提供實(shí)時(shí)更改訂閱织中、通過特殊模板文字構(gòu)建動態(tài)查詢、大型對象衷戈、通過多主機(jī)連接 URL狭吼、異步游標(biāo)等實(shí)現(xiàn)高可用性。Slonik也是在這個(gè)領(lǐng)域考慮的另一個(gè)選擇殖妇。
- React Flow 10:用于創(chuàng)建基于節(jié)點(diǎn)的 UI刁笙、編輯器和圖表:一個(gè) React 組件,用于構(gòu)建基于節(jié)點(diǎn)的交互式圖表或編輯器(不,不是 Node.js ??)疲吸。這篇博文很好地概述了最新版本座每。
- 視頻到卷軸:自動編輯視頻以在 Instagram 卷軸上發(fā)布:由 FFmpeg、ImageMagick 和 zx 提供支持摘悴。功能包括旋轉(zhuǎn)峭梳、調(diào)整大小、添加顏色過濾器蹂喻、標(biāo)準(zhǔn)化音頻等葱椭。
- Dum:一個(gè)npm用.. Rust編寫的腳本運(yùn)行程序:Rust — 繼續(xù)使用而不是JavaScript構(gòu)建 JavaScript 工具的趨勢,奇怪地命名為“Dum”旨在替換npm run并npx縮短任務(wù)啟動時(shí)間的毫秒數(shù)口四。