栗子前端技术周刊第19期 – Parcel v2.12.0、TypeScript 5.4 RC、原生 Popover…

🌰栗子前端技术周刊第 19 期 (2024.2.26 – 2024.3.3):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. Parcel v2.12.0:这款流行的零配置构建工具在新版本中支持 Bun 风格宏,此外还有一个新的在线 REPL,您可以在浏览器中使用 Parcel,它支持 Parcel 的大部分功能。

  2. TypeScript 5.4 RC:TypeScript 5.4 RC 已发布,其中包含大量小改动,以及 Object.groupBy、Map.groupBy 和类型缩小功能增强。

  3. Popover:Firefox 125 将支持 Popover。

<button popovertarget="my-popover">打开 Popover</button>

<div popover id="my-popover">大家好!欢迎你们!</div>

📒 技术文章

  1. Interactive guide to the CSS :has() selector:这篇关于 CSS :has() 选择器的深度互动指南,让你可以知道它所解决的问题,以及为什么人们如此热衷于它 – 而不是在它出现时,只是简单看看,假装自己明白了。

  2. Exploring Vue 3 Lifecycle Hooks: A Hands-On Guide with Real-Time Examples:探索 Vue 3 生命周期钩子 – 这篇博文将揭开 Vue 3 生命周期钩子的神秘面纱,并通过一个实时示例来说明其实际应用。

  3. 看完 zustand 源码后,我的 TypeScript 水平突飞猛进。:作者分享了自己阅读 zustand 源码过程,其中最大的收获就是 ts 水平突飞猛进。

  4. 了解 MIME 类型:Web 开发中的重要概念:本文将介绍 MIME 类型的概念,探讨它在 Web 开发中的应用,并提供一些实用的例子和建议。

🔧 开发工具

  1. @formkit/drag-and-drop:一个很小(约 4Kb)的数据优先拖放库,适用于 React、Vue 和原生 JavaScript 应用程序,由 FormKit 提供。

栗子前端技术周刊第19期 - Parcel v2.12.0、TypeScript 5.4 RC、原生 Popover...

  1. WebPerf Snippets:用于获取网络性能指标的代码段精选列表,可在浏览器控制台中使用或作为 Chrome DevTools 的代码段使用。
// LCP 指标
const po = new PerformanceObserver((list) => {
  let entries = list.getEntries();
 
  entries = dedupe(entries, "startTime");
 
  entries.forEach((item, i) => {
    console.dir(item);
    console.log(
      `${i + 1} current LCP item : ${item.element}: ${item.startTime}`,
    );
    item.element ? (item.element.style = "border: 5px dotted lime;") : "";
  });
 
  const lastEntry = entries[entries.length - 1];
  console.log(`LCP is: ${lastEntry.startTime}`);
});
 
po.observe({ type: "largest-contentful-paint", buffered: true });
 
function dedupe(arr, key) {
  return [...new Map(arr.map((item) => [item[key], item])).values()];
}
  1. PrimeVue 3.49.0:面向 Vue 开发人员的成熟、丰富的开源 UI 组件集。组件库中还有一种新的可选声明式语法用于使用组件,使其代码更易于阅读和编写。

栗子前端技术周刊第19期 - Parcel v2.12.0、TypeScript 5.4 RC、原生 Popover...

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端 💖

原文链接:https://juejin.cn/post/7341674942892769280 作者:晓得迷路了

(0)
上一篇 2024年3月4日 上午10:49
下一篇 2024年3月4日 上午11:00

相关推荐

发表评论

登录后才能评论