⚡️行业动态
Ecma International 批准 ECMAScript 2024:有何新内容?
Ecma 大会批准了最新的 ECMAScript / JavaScript 语言规范,正式使其成为标准。与 ECMAScript 2023 一样,这只是向前迈出的一小步,但 Axel 博士研究了其中的新内容。
一份清晰易懂的 JS 2023 年调查结果
2023年 JavaScript 状态调查的结果强调了主要的趋势:包括 Vite 的主导地位、 TypeScript 采用率的上升以及 React 的持久流行等。作者整理了一份清晰易懂的JS 2023 年调查结果汇总,了解更多关于开发人员偏好和技术使用的见解。
📆发布
TypeScript 5.5-功能最为重要的版本之一
长期以来,TypeScript 功能最为重要的版本之一。它支持新的 Set 方法、正则表达式语法检查、独立声明、推断类型谓词等。
Bun v1.1.16
快速 JavaScript 运行时和工具包。
Playwright 1.45.0
微软的浏览器/Web 自动化库现在有一个时钟 API,用于在测试中操纵时间来验证与时间相关的行为。
📒文章
了解 JavaScript 的新Set方法
查找集合之间的交集、并集和差集以及其他与集合相关的任务现在变得轻而易举。可在 Node 22+、Chrome/Edge 122+、Firefox 127+、Safari 17+ 中使用,现在被视为“基线”功能:JavaScript Set 方法现在是 Baseline 的一部分。
在 Vue 中重现皇后游戏
皇后游戏是一款结合了扫雷、国际象棋和数独元素的益智游戏。作者介绍了如何使用 Vue 前端框架完成了保持状态同步的大部分繁重工作,以及具体逻辑实现。
理解 React Compiler
React 团队推出的这款全新实验性工具通过重写代码来自动进行性能调整 — 但您应该使用它吗?它的内部工作原理如何?作者给出了他的思考。
使用 4 个鲜为人知的 JavaScript API 将 Web 和原生应用程序统一起来
了解一些“低调”的 Web 功能,例如屏幕方向 API 和联系人选择器 API,以及如何使用它们来创建用户友好的 PWA。
探索 JavaScript 中的随机性
具体来说,Math.random()
与Crypto.getRandomValues()
。
🔥开源项目
wavesurfer.js:音频波形播放器库
获取响应迅速且可自定义的波形,提供音频的视觉印象。有用于处理时间线、录制、渲染频谱图等的插件。这里有很多使用 wavesurfer.js 示例。
OverlayScrollbars 2.9
JS 自定义滚动条插件。
Wouter 3.3
React 和 Preact 的极简路由器,体积仅2.1 KB。
💻网站
nowebwithoutwomen
该网站汇集了女性在计算机科学和技术领域的创新。
🌅CSS WEEKLY
在 SVG 中变形任意路径
详细介绍了如何变形 SVG 路径以创建相当令人愉悦的动画效果。它深入探讨了数学知识,以保持流畅,处理子路径等。这里还有演示和代码。
现在在 CSS 中添加内联条件语句
上周我们分享了有关 CSS 工作组最近决议在 CSS 中添加if()函数的消息。但这可能需要一段时间才能实现 — 那么在此期间我们能做些什么呢?作者提供了他的思路。
使用新 CSS 进行网页设计工程
在最新的 CSS Day 大会上进行的一场近一个小时的演讲,探讨了如何利用“新 CSS”的强大功能,以及如何设计出易于访问、具有弹性、符合网页固有流动性的设计。
💎资源
JavaScript开发者应懂的33个概念
这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。
这里是前端后花园,目前坚持在写前端周刊:前端后花园周刊,全网同名。专注前端基础领域,分享前端最新动态、开源项目、工具库、实用工具、网站、资源等内容!这里是我精选的往期周刊文章,希望对有所帮助。
#16松桑前端后花园周刊-TC39会议、Rust用户规模翻倍、TS5.5RC、Deno标准库里程碑、函数柯里化、npm漏洞
#15松桑前端后花园周刊-Turborepo 2.0、ESLint v9.4.0、重新学习promise、CSS gap