上周前端发生哪些新鲜事儿？#348

每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

继续奥力给~~

Web 开发

• 一月份的新网页平台特性

• Web组件的成功实践

• JavaScript与WebAssembly：哪个更节能更快？

• 工具

  • Chrome 122版本DevTools的新功能

  • Figma Dev Mode的下一步计划：注释、比较变更、插件等

• 性能

  • 从3月12日开始，"交互到下一次绘制"成为核心Web要素

  • Web性能心理学

  • 网站速度和人类幸福的心理学

  • 自动化游戏提升JavaScript性能

CSS

• 在Shadow DOM中使用全局样式

• 关于自定义滚动条的提醒。Chrome现在支持标准，覆盖了旧的伪元素

• 在CSS中超越像素和(r)ems------基于字体的相对长度单位

• CSS Motion Path是什么？

• 字体调色板的动画

• 字段大小调整正常工作！

• CSS中的nth-child()与nth-of-type()选择器------有何区别？

• 使用现代CSS技术创建高度可配置的开关组件

• 带有样式查询的CSS滚动触发动画

JavaScript

• 2024年最活跃开发的前端框架是哪个？--- React vs Angular vs Vue vs Svelte vs Ember

• JavaScript游戏开发教程------使用HTML Canvas + JavaScript构建猩猩游戏

• JavaScript比较日期：正确的方法

• JavaScript修剪字符串：如何去除不需要的空格

• TypeScript

  • 如何在泛型组件中使用forwardRef

  • 比较TypeScript状态管理解决方案

  • 宣布TypeScript 5.4 Beta

  • 现代JavaScript库入门：如何使用TypeScript、测试、GitHub Actions发布到NPM

• React

  • React中应避免的4个useState错误

  • 使用Appwrite在React应用中实现用户身份验证

  • 最近React似乎受到了一些批评

  • Next.js App Router迁移：好的、坏的和丑陋的

  • 使用React Aria构建自定义组合API

  • 使用React和Strada开发混合Web和移动应用

  • 在React中构建移动滑动组件的方法

• Vue

  • 了解Vue3中各种ref：toRef、toRefs、isRef、unref等

  • 理解Vue3中的Hooks（为什么使用Hooks）

• Angular

  • 在Angular中进行组件DOM测试

  • Angular 17有哪些新功能？

OK，以上便是本次分享，希望各位喜欢~ 欢迎点赞、收藏、评论 🤟 我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我，安东尼陪你一起度过漫长编程岁月

最后的最后，自荐一下我和机械工业出版社联合出版的 《程序员成长手记》 一书：全书分为3大模块、8个章节：从入门程序员到程序员自驱成长，回归纸质阅读，相信能给你一个更全局的程序员视野，提供成长帮助。京东搜"程序员成长手记"：item.jd.com/14356664.ht...