前端周刊第十九期

前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件乘粒、文章教程豌注、一些框架的版本更新、以及代碼和工具灯萍。每周定期發(fā)表轧铁,歡迎大家關(guān)注、轉(zhuǎn)載旦棉。
<span style="color:red;">如果外鏈不能訪問(wèn)齿风,關(guān)注公眾號(hào)前端每周看,里面有解決辦法</span>

大事件

  • 使用 Google 的 CrUX 比較 JS 框架的性能——Chrome用戶體驗(yàn)報(bào)告 ( CrUX ) 是從真實(shí)世界的 Chrome 用戶收集的用戶體驗(yàn)指標(biāo)數(shù)據(jù)集绑洛,可以使用它來(lái)分析和比較不同 UI 框架的性能配置文件

  • Meta 將 Jest 項(xiàng)目轉(zhuǎn)移到 OpenJS 基金會(huì)——Meta救斑,née Facebook,在 10 多年前創(chuàng)建了現(xiàn)在流行的 Jest JavaScript 測(cè)試框架真屯,雖然它將在內(nèi)部繼續(xù)使用脸候,但他們現(xiàn)在認(rèn)為它“功能完整”,因此認(rèn)為它可能會(huì)蓬勃發(fā)展在更廣泛的社區(qū)中得到更好的管理绑蔫。

  • 關(guān)于 React 即將推出的useEventHook的思考——用于新的基本 React 鉤子或定義一個(gè)“看到”新的 props/state 但具有穩(wěn)定函數(shù)標(biāo)識(shí)的事件處理程序运沦。

文章

  1. 使用 Web 音頻 API 構(gòu)建樂(lè)器 — 我們?cè)谇岸祟I(lǐng)域最喜歡的作家之一回來(lái)了,她簡(jiǎn)單地介紹了她如何構(gòu)建Keyboard Accordion配深,這是一種基于 Web 的全音階手風(fēng)琴(我很難以任何連貫的方式演奏它一切携添,但聽(tīng)起來(lái)很棒)。

  2. 了解您的瀏覽器的性能分析器 — 如果您的瀏覽器開(kāi)發(fā)工具中的性能選項(xiàng)卡看起來(lái)有點(diǎn)嚇人篓叶,那么本文試圖總結(jié)您需要了解的關(guān)于它所顯示內(nèi)容的絕對(duì)基礎(chǔ)知識(shí)薪寓。

  3. JavaScript 開(kāi)發(fā)人員從 0% 到 80% 的 Rust - 如果關(guān)于用 Rust (重新)編寫(xiě) JavaScript 工具的永無(wú)止境的消息還沒(méi)有讓你感到厭倦,也許你想知道如何從 JS 的角度學(xué)習(xí) Rust澜共。Daniel Bulant 的Rust 基礎(chǔ)向叉,從高級(jí)程序員的角度來(lái)看,也是一個(gè)很好的解釋者嗦董。

  4. 使用 PyScript 在瀏覽器中運(yùn)行 Python - 從 Rust 到 Python母谎,我們開(kāi)始了。最近發(fā)布的PyScript提供了一種在網(wǎng)頁(yè)上編寫(xiě) Python 代碼的簡(jiǎn)單方法京革,就像您現(xiàn)在編寫(xiě) JavaScript 一樣奇唤。這個(gè) 8 分鐘的截屏視頻稍微展示了一點(diǎn)。

  5. 用 JavaScript 制作一個(gè)基本的“落沙”游戲 - 一個(gè)平靜而平和的教程匹摇,其中包含貫穿始終的示例咬扇。

框架發(fā)布

  1. Wild Wild Path 3.0 – 使用路徑和查詢挖掘?qū)ο蟆?/li>
  2. GraphQL Yoga 2.0 – 完整的 GraphQL 服務(wù)器功能。
  3. Hexo 6.2.0 – Node.js 博客框架廊勃。
  4. graphql-schema-linter 3.0 - 驗(yàn)證 GraphQL 模式定義懈贺。
  5. pnpm 7.1.0
  6. Solid 1.4 – 很棒的聲明式 UI 庫(kù)经窖。

代碼和工具

  1. InfiniteGrid 4.3:在網(wǎng)格布局上無(wú)限排列卡片元素:非常成熟和成熟,可以輕松創(chuàng)建由不同大小的卡片元素組成的網(wǎng)格梭灿。它也適用于您選擇的框架画侣,并且在桌面和移動(dòng)設(shè)備上都很滿意。

  2. blursort 1.9: Fast Fuzzy Search Library:靈感來(lái)自 Sublime Text 中的模糊搜索堡妒。查看現(xiàn)場(chǎng)示例- 確實(shí)感覺(jué)很快配乱。

  3. Parvus:無(wú)依賴的可訪問(wèn)燈箱:我喜歡它所說(shuō)的不要在網(wǎng)頁(yè)上使用疊加層,但如果必須皮迟,使用它搬泥!有一個(gè) CodePen 示例

  4. crypto-random-string 5.0:生成加密強(qiáng)隨機(jī)字符串:例如:cryptoRandomString({length: 10})可能會(huì)返回2cf05d94db(雖然我真的希望你嘗試它時(shí)不會(huì)返回伏尼,否則它會(huì)失敗??)∮蛹兀現(xiàn)在可以在 Node.js 和瀏覽器中使用。

  5. Reagraph: WebGL Graph Visualizations for React:一個(gè)在底層使用 WebGL 的高性能網(wǎng)絡(luò)圖形可視化庫(kù)烦粒。您可以使用的基本示例休溶。

  6. DFlex:適用于所有 JS 框架的拖放庫(kù):這是一個(gè)原生 JavaScript 解決方案,專注于良好的性能和易于實(shí)現(xiàn)扰她。在這里嘗試一些演示兽掰。

  7. nve 15.0:使用特定的 Node.js 版本運(yùn)行事物:使用特定版本(或多個(gè)版本)的 Node.js 輕松執(zhí)行文件、命令或 REPL徒役。例如孽尽,您可以一次運(yùn)行npm test多個(gè)版本。

  8. actions/github-script:用 JavaScript 編寫(xiě) GitHub API 腳本的工作流程:如果你想編寫(xiě)通過(guò) GitHub API 執(zhí)行操作的 GitHub 操作忧勿,這可以讓你的生活更輕松杉女。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鸳吸,隨后出現(xiàn)的幾起案子熏挎,更是在濱河造成了極大的恐慌,老刑警劉巖晌砾,帶你破解...
    沈念sama閱讀 222,865評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坎拐,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡养匈,警方通過(guò)查閱死者的電腦和手機(jī)哼勇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)呕乎,“玉大人积担,你說(shuō)我怎么就攤上這事♀剩” “怎么了帝璧?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,631評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵先誉,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我聋溜,道長(zhǎng)谆膳,這世上最難降的妖魔是什么叭爱? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,199評(píng)論 1 300
  • 正文 為了忘掉前任撮躁,我火速辦了婚禮,結(jié)果婚禮上买雾,老公的妹妹穿的比我還像新娘把曼。我一直安慰自己,他們只是感情好漓穿,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布嗤军。 她就那樣靜靜地躺著,像睡著了一般晃危。 火紅的嫁衣襯著肌膚如雪叙赚。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,793評(píng)論 1 314
  • 那天僚饭,我揣著相機(jī)與錄音震叮,去河邊找鬼。 笑死鳍鸵,一個(gè)胖子當(dāng)著我的面吹牛苇瓣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播偿乖,決...
    沈念sama閱讀 41,221評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼击罪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了贪薪?” 一聲冷哼從身側(cè)響起媳禁,我...
    開(kāi)封第一講書(shū)人閱讀 40,174評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎画切,沒(méi)想到半個(gè)月后损话,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,699評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡槽唾,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評(píng)論 3 343
  • 正文 我和宋清朗相戀三年丧枪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片庞萍。...
    茶點(diǎn)故事閱讀 40,918評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拧烦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出钝计,到底是詐尸還是另有隱情恋博,我是刑警寧澤齐佳,帶...
    沈念sama閱讀 36,573評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站债沮,受9級(jí)特大地震影響炼吴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜疫衩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評(píng)論 3 336
  • 文/蒙蒙 一硅蹦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧闷煤,春花似錦童芹、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,749評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至近顷,卻和暖如春生音,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背窒升。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,862評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工缀遍, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人异剥。 一個(gè)月前我還...
    沈念sama閱讀 49,364評(píng)論 3 379
  • 正文 我出身青樓瑟由,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親冤寿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子歹苦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評(píng)論 2 361

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

  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程督怜、一些框架的版本更新殴瘦、以及代碼和工具。每周定期發(fā)表号杠,歡迎大家關(guān)注蚪腋、轉(zhuǎn)...
    四六十閱讀 100評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程姨蟋、一些框架的版本更新屉凯、以及代碼和工具。每周定期發(fā)表眼溶,歡迎大家關(guān)注悠砚、轉(zhuǎn)...
    四六十閱讀 104評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件、文章教程堂飞、一些框架的版本更新灌旧、以及代碼和工具绑咱。每周定期發(fā)表,歡迎大家關(guān)注枢泰、轉(zhuǎn)...
    四六十閱讀 91評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件描融、文章教程、一些框架的版本更新衡蚂、以及代碼和工具窿克。每周定期發(fā)表,歡迎大家關(guān)注讳窟、轉(zhuǎn)...
    四六十閱讀 116評(píng)論 0 0
  • 前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件让歼、文章教程敞恋、一些框架的版本更新丽啡、以及代碼和工具。每周定期發(fā)表硬猫,歡迎大家關(guān)注补箍、轉(zhuǎn)...
    四六十閱讀 130評(píng)論 0 0