前端周刊第十一期

前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件暑诸、文章教程、一些框架的版本更新辟灰、以及代碼和工具屠列。每周定期發(fā)表,歡迎大家關(guān)注伞矩、轉(zhuǎn)載。
<span style="color:red;">如果外鏈不能訪問夏志,關(guān)注公眾號前端每周看乃坤,里面有解決辦法</span>

大事件

  • 大事件!大事件沟蔑!瀏覽器可能支持運行 Typescript啦——今天湿诊,我們很高興地宣布我們支持并與第三方共同合作來推進(jìn) 新的 Stage 0 提案,以此為 JavaScript 帶來可選和可擦除的類型語法瘦材。因為這種新語法不會改變周邊代碼的運行方式厅须,所以它可以有效地充當(dāng)注釋。我們認(rèn)為這有可能使 TypeScript 更容易食棕、更快地用于各種規(guī)模的開發(fā)朗和。

  • Shader Park:使用 JavaScript 創(chuàng)建交互式 2D 和 3D 著色器——一個基于 Web 的開源平臺、社區(qū)和 庫簿晓,通過讓您使用 JavaScript 程序化地創(chuàng)建著色器和 GPU 來簡化神秘的著色器和 GPU 世界眶拉。這里有很多可以玩和探索的地方。注意:由于使用了 WebGL憔儿,該站點在瀏覽器上的負(fù)擔(dān)很重忆植,因此可能并不適合所有設(shè)備。

  • Prettier 2.6 發(fā)布——流行的代碼格式化工具現(xiàn)在可以singleAttributePerLine選擇每行只放置一個屬性(這在某些類型的模板中很常見)谒臼,添加了 TypeScript 4.6 支持朝刊,并在各種上下文中更好地格式化 JS 代碼(例如裝飾器、內(nèi)await聯(lián)JSX蜈缤,行尾注釋)拾氓。

  • npm 包如何用于烏克蘭反對戰(zhàn)爭的抗議活動——幾天前,依賴node-ipc的項目(例如 Vue CLI)的用戶開始注意到一些奇怪的行為底哥,包括文件在地理定位到俄羅斯的系統(tǒng)上被覆蓋(或白俄羅斯)和抗議信息痪枫。這是一個復(fù)雜的故事织堂,也是包裝供應(yīng)鏈有多脆弱的另一個提醒。如果您愿意奶陈, Register有一個更短且更具新聞性的文章易阳。

  • Deno 1.20 已發(fā)布——JavaScript / TypeScript 運行時的一個相當(dāng)大的版本,具有更高的性能吃粒、用于運行基準(zhǔn)測試和測試套件的新命令潦俺、AbortSignal 超時,以及對 V8 10.0 和 TypeScript 4.6 的升級徐勃。要是所有項目都寫得像這樣徹底就好了事示。

文章

  1. How To Make a Drag-and-Drop File Uploader with Vue.js 3 — 整整四年前,我們鏈接到Joseph 的使用vanilla JavaScript制作拖放文件上傳僻肖,但現(xiàn)在他又回來了最新版本的 Vue.js 面臨同樣的挑戰(zhàn)肖爵。

  2. 令人愉快的 React 文件/目錄結(jié)構(gòu) — 我們已經(jīng)介紹了許多此類文章,但對于布局項目的“正確”方式臀脏,總是有另一種觀點的空間劝堪,尤其是 React 本身在這個問題上相當(dāng)不以為然。

  1. jQuery 源代碼中的“雙重分配模式” - 作者在 jQuery 的代碼中發(fā)現(xiàn)了一種有趣的技術(shù)揉稚,并著手研究它的好處秒啦。

  2. Next.js 的新官方“基礎(chǔ)”課程 - Next.js 發(fā)布了一個新的基礎(chǔ)課程,涵蓋了 React 的基本知識搀玖、它與 Next.js 的關(guān)系以及構(gòu)建第一個 Next.js 應(yīng)用程序余境。

  3. Remix vs Next.js - Remix是一個相對較新的基于 React 的全棧框架灌诅,由 React Router 背后的原始團隊創(chuàng)建芳来。它對更為人所知的Next.js采用了不同的方法。這是關(guān)鍵差異的詳細(xì)指南猜拾。

  4. 創(chuàng)建一個簡單的表格排序和分頁功能 - 在 JavaScript 的幫助下呈現(xiàn)一個可排序的分頁表格绣张。

  5. TypeScript 擅長的地方的討論 - TypeScript 的 Luke Hoban 和 Daniel Rosenwasser 的采訪摘錄。

  6. 升級 Next.js 以實現(xiàn)即時性能改進(jìn) - Vercel 團隊如何將 Next.js 8 演示提升到 Next.js 12 標(biāo)準(zhǔn)并在過程中看到巨大改進(jìn)的案例研究关带。

框架發(fā)布

  1. Verdaccio 5.8 – 私有 npm 注冊表侥涵,現(xiàn)在具有可定制的 Web UI。
  2. Vuetify 3.0 Beta – Vue 的材料組件框架宋雏。
  3. MDX 2.1 – Markdown 中的 JSX芜飘。
  4. React Menu 3.0 – 可定制的嵌套菜單組件。
  5. angular 13.3.0

代碼和工具

  1. Peaks 1.0:與音頻波形交互的 UI 組件——假設(shè)你正在構(gòu)建某種音頻編輯器——這就是你可能想要使用的那種控件磨总。它也來自 BBC嗦明,這很酷。
  2. Wave.js 2.0: Real Simple String Diffing — 一個音頻可視化庫——如果你不需要創(chuàng)建音頻編輯器而只想要一個音樂去 wub wub蚪燕,線條去擺動擺動類型的可視化娶牌,這是給你的奔浅。這里有一些現(xiàn)場演示。
  3. Faker 6.0:在節(jié)點或瀏覽器中生成大量虛假數(shù)據(jù)——在維護者“流氓”的問題之后诗良,一個社區(qū)團隊接管了流行的 Faker 項目汹桦,他們的第一個主要版本現(xiàn)已發(fā)布,并提供 ESM 支持鉴裹。v5 到 v6 遷移說明舞骆。
  4. sysend.js:在同一瀏覽器中打開的頁面或選項卡之間發(fā)送消息——一個小型庫,抽象了在同一瀏覽器中打開的頁面之間發(fā)送消息的機制径荔。支持跨域通信督禽,基于 localStorage 和 BroadcastChannel API。這是一個演示(如果你打開它兩次)总处。
  5. Chrome 擴展 CLI:下一個 Chrome 擴展的 CLI — 想要盡快為 Chrome 構(gòu)建擴展狈惫?該工具旨在讓您盡快走上正確的道路。
  6. js2xml:將 JavaScript 代碼轉(zhuǎn)換為 XML 文檔——為什么鹦马?顯然胧谈,為了更容易使用 XPath 從其他地方提取東西。
  7. Emoji Button:A Vanilla JavaScript Emoji Picker — 將按鈕元素轉(zhuǎn)換為 emoji 選擇器(類似于某些操作系統(tǒng)提供的)菠红。
  8. Liqvid 2.1:使用 React、HTML难菌、CSS 和 JS 創(chuàng)建交互式視頻——現(xiàn)在您也可以在視頻中使用 Web Animations API试溯。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市郊酒,隨后出現(xiàn)的幾起案子遇绞,更是在濱河造成了極大的恐慌,老刑警劉巖燎窘,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件摹闽,死亡現(xiàn)場離奇詭異,居然都是意外死亡褐健,警方通過查閱死者的電腦和手機付鹿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚜迅,“玉大人舵匾,你說我怎么就攤上這事∷唬” “怎么了坐梯?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長刹帕。 經(jīng)常有香客問我吵血,道長谎替,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任蹋辅,我火速辦了婚禮钱贯,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘晕翠。我一直安慰自己喷舀,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布淋肾。 她就那樣靜靜地躺著硫麻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪樊卓。 梳的紋絲不亂的頭發(fā)上拿愧,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天,我揣著相機與錄音碌尔,去河邊找鬼浇辜。 笑死,一個胖子當(dāng)著我的面吹牛唾戚,可吹牛的內(nèi)容都是我干的柳洋。 我是一名探鬼主播,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼叹坦,長吁一口氣:“原來是場噩夢啊……” “哼熊镣!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起募书,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤绪囱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后莹捡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鬼吵,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年篮赢,在試婚紗的時候發(fā)現(xiàn)自己被綠了齿椅。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡启泣,死狀恐怖媒咳,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情种远,我是刑警寧澤涩澡,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響妙同,放射性物質(zhì)發(fā)生泄漏射富。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一粥帚、第九天 我趴在偏房一處隱蔽的房頂上張望胰耗。 院中可真熱鬧,春花似錦芒涡、人聲如沸柴灯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赠群。三九已至,卻和暖如春旱幼,著一層夾襖步出監(jiān)牢的瞬間查描,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工柏卤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留冬三,地道東北人。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓缘缚,卻偏偏與公主長得像勾笆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子桥滨,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,876評論 2 361

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