前端周刊第十二期

前端周刊發(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)鹃共。

文章

  1. findLast和findLastIndex:從頭到尾搜索數(shù)組的建議方法 — Axel博士很快介紹的建議鬼佣,這將提供一種有效的方法來查找數(shù)組中從最后一項(xiàng)返回到第一項(xiàng)的內(nèi)容。Array.prototype.findLastArray.prototype.findLastIndex

  2. AWS CloudFront 函數(shù)簡介 — CloudFront 函數(shù)允許您將無服務(wù)器 JS 函數(shù)部署到 AWS 的邊緣站點(diǎn)網(wǎng)絡(luò)霜浴,以盡可能靠近最終用戶執(zhí)行沮趣。聽起來像 Lambda@Edge?作者也解釋了那里的區(qū)別坷随。

  3. 2022 年通過構(gòu)建投資組合網(wǎng)站探索 SvelteKit - SvelteKit是一個(gè)用于構(gòu)建 Svelte 應(yīng)用程序的框架房铭,它可以處理無聊的部分驻龟,同時(shí)讓您專注于應(yīng)用程序編寫的有趣和創(chuàng)造性部分。

  4. Zach Leatherman 將在 Eleventy SSG 上全職工作 - Zach Leatherman 最近宣布缸匪,他現(xiàn)在將在 Netlify 全職從事 JS 驅(qū)動的靜態(tài)站點(diǎn)生成器Eleventy的工作翁狐。

  5. 如何從 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的絕佳替代品。

  6. 使用 VUE.JS BILAL HAIDAR構(gòu)建 VS Code 擴(kuò)展 - Visual Studio(VS)是開發(fā)人員在日常任務(wù)中使用的最受歡迎的代碼編輯器之一辩诞。它的設(shè)計(jì)考慮到了可擴(kuò)展性坎弯。在某種程度上,VS代碼的大多數(shù)核心功能都是作為擴(kuò)展構(gòu)建的译暂。

框架發(fā)布

  1. Node 17.8.0 –perf_hooks添加http跟蹤抠忘。
  2. Pixi.js 6.3.0 – 快速 2D 渲染庫。
  3. Next SEO 5.2 – Next.js 應(yīng)用程序的更簡單的 SEO外永。
  4. React Joyride 2.4 – 在 React 應(yīng)用程序中創(chuàng)建導(dǎo)游崎脉。

代碼和工具

  1. Piling.js:用于創(chuàng)建“Visual Pile”接口的庫:Visual Piling是一種將元素組織和分組到集合中的方法。Piling.js 使它成為可能伯顶,快速并提供所需的 UI囚灼。
  2. Ladle:更快地開發(fā)和測試您的 React 故事: 一種用于在隔離環(huán)境中構(gòu)建和測試 React 組件的新工具。讓你想起故事書祭衩?Ladle 旨在成為一個(gè)替代品啦撮,但它提供了更快的性能(而且,是的汪厨,有基準(zhǔn))赃春。
  3. 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è)選擇殖妇。
  4. React Flow 10:用于創(chuàng)建基于節(jié)點(diǎn)的 UI刁笙、編輯器和圖表:一個(gè) React 組件,用于構(gòu)建基于節(jié)點(diǎn)的交互式圖表或編輯器(不,不是 Node.js ??)疲吸。這篇博文很好地概述了最新版本座每。
  5. 視頻到卷軸:自動編輯視頻以在 Instagram 卷軸上發(fā)布:由 FFmpeg、ImageMagick 和 zx 提供支持摘悴。功能包括旋轉(zhuǎn)峭梳、調(diào)整大小、添加顏色過濾器蹂喻、標(biāo)準(zhǔn)化音頻等葱椭。
  6. Dum:一個(gè)npm用.. Rust編寫的腳本運(yùn)行程序:Rust — 繼續(xù)使用而不是JavaScript構(gòu)建 JavaScript 工具的趨勢,奇怪地命名為“Dum”旨在替換npm run并npx縮短任務(wù)啟動時(shí)間的毫秒數(shù)口四。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末孵运,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蔓彩,更是在濱河造成了極大的恐慌治笨,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件粪小,死亡現(xiàn)場離奇詭異,居然都是意外死亡抡句,警方通過查閱死者的電腦和手機(jī)探膊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來待榔,“玉大人逞壁,你說我怎么就攤上這事∪衤啵” “怎么了腌闯?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵,是天一觀的道長雕憔。 經(jīng)常有香客問我姿骏,道長,這世上最難降的妖魔是什么斤彼? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任分瘦,我火速辦了婚禮,結(jié)果婚禮上琉苇,老公的妹妹穿的比我還像新娘嘲玫。我一直安慰自己,他們只是感情好并扇,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布去团。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪土陪。 梳的紋絲不亂的頭發(fā)上昼汗,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天,我揣著相機(jī)與錄音旺坠,去河邊找鬼乔遮。 笑死,一個(gè)胖子當(dāng)著我的面吹牛取刃,可吹牛的內(nèi)容都是我干的蹋肮。 我是一名探鬼主播,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼璧疗,長吁一口氣:“原來是場噩夢啊……” “哼坯辩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起崩侠,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤漆魔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后却音,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體改抡,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年系瓢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了阿纤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,912評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡夷陋,死狀恐怖欠拾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情骗绕,我是刑警寧澤藐窄,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站酬土,受9級特大地震影響荆忍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜撤缴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一东揣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧腹泌,春花似錦嘶卧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽侦铜。三九已至,卻和暖如春钟鸵,著一層夾襖步出監(jiān)牢的瞬間钉稍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工棺耍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留贡未,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓蒙袍,卻偏偏與公主長得像俊卤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子害幅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 前端周刊是一份專為前端從業(yè)人員以现,以及對前端狠怨、設(shè)計(jì)領(lǐng)域感興趣的朋友們打造的技術(shù)周刊。程小獅會精選出前端邑遏、設(shè)計(jì)領(lǐng)域近期...
    IT程序獅閱讀 952評論 4 24
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件佣赖、文章教程、一些框架的版本更新记盒、以及代碼和工具憎蛤。每周定期發(fā)表,歡迎大家關(guān)注孽鸡、轉(zhuǎn)...
    四六十閱讀 130評論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件蹂午、文章教程栏豺、一些框架的版本更新彬碱、以及代碼和工具。每周定期發(fā)表奥洼,歡迎大家關(guān)注巷疼、轉(zhuǎn)...
    四六十閱讀 76評論 0 0
  • 前端周刊是一份專為前端從業(yè)人員嚼沿,以及對前端、設(shè)計(jì)領(lǐng)域感興趣的朋友們打造的技術(shù)周刊瓷患。程小獅會精選出前端骡尽、設(shè)計(jì)領(lǐng)域近期...
    IT程序獅閱讀 774評論 0 8
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程擅编、一些框架的版本更新攀细、以及代碼和工具箫踩。每周定期發(fā)表,歡迎大家關(guān)注谭贪、轉(zhuǎn)...
    四六十閱讀 152評論 0 0