栗子前端技术周刊第 34 期 - TypeScript 5.5 RC、TC39 会议、Safari 18 Beta 中的 WebKit...

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

📰 技术资讯

  1. TypeScript 5.5 RC:TypeScript 5.5 RC 相比与其 beta 版本,支持了 ECMAScript 的 Set 更多的方法,调整了正则表达检查的规则等等。其他 5.5 将推出的重要功能包括推断类型谓词、通过注释在 JSDoc 中导入类型的功能、孤立声明等等。

  2. TC39 会议 :TC39 再次开会推进了几项关键提案,包括惰性加载模块、Error.isError()RegExp 转义和 Promise.try

  3. Safari 18 Beta 中的 WebKit:WWDC24 为 Safari 带来了许多新内容,新的测试版添加了近 50 项新的 web 功能,包括视图过渡 API 支持、样式查询、新的 Passkeys 功能,甚至还有 Safari for visionOS 中的 WebXR 体验。

📒 技术文章

  1. how-deep-is-your-dom:你的 DOM 树有多深 - 我们知道,从理论上讲,DOM 树越深,渲染速度越慢。本文将从实践出发来探究 DOM 深度对性能有什么实际影响。

  2. CSS Container Queries:CSS 容器查询 - 有关容器查询的实用资料,概述了为什么要关注容器查询、容器查询的功能以及何时使用容器查询,文中这里还有大量的示例。

  3. 基于wujie的解决方案来简单聊聊微前端:详细地介绍了微前端的各方面,包括是什么微前端、微前端适用场景、流行的微前端方案等等。

🔧 开发工具

  1. DGM.js:这是一个用于渲染无限可展画布的库,其中包含很多形状,GPLv3 许可。
  1. use-immer 0.10: Immer 版本的 Hook,如果你喜欢不可变状态编程,可以试试。
js 复制代码
const [person, updatePerson] = useImmer({
  name: "Michel",
  age: 33
});

updatePerson(draft => {
  draft.name = name;
});
  1. JsonTree.js:将 JSON 数据显示为可定制树视图 - 无其他依赖,可进行大量定制,并可使用 CSS 变量轻松设置树的主题。
  1. uuid v10:生成符合 RFC 的 UUID - 涵盖所有主要 UUID 标准。v10.0 版增加了对更多 RFC9562 UUID 类型(即 v6、v7 和 v8)的支持。
js 复制代码
import { v6 as uuidv6 } from 'uuid';

uuidv6(); // ⇨ '1e940672-c5ea-64c0-8bad-9b1deb4d3b7d'

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

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

相关推荐
耶啵奶膘1 小时前
uniapp-是否删除
linux·前端·uni-app
王哈哈^_^3 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie3 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic4 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿4 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具5 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
清灵xmf5 小时前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据5 小时前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_390161775 小时前
防抖函数--应用场景及示例
前端·javascript
334554326 小时前
element动态表头合并表格
开发语言·javascript·ecmascript