上周前端发生哪些新鲜事儿?#371

682 阅读3分钟

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

Web开发

• Interop 2024年中更新 介绍了Interop 2024的最新进展和改进。

• NPM中的供应链安全——我们对未来可以乐观 讨论了NPM中的供应链安全问题并对未来表示乐观。

• 前端开发中最好的无头电商解决方案 评估了几种适合前端开发的无头电商解决方案。

• 15个网站常忽略(但风险自担)的页面速度优化 介绍了15个常被忽略但重要的页面速度优化技巧。

• 不要使用Web.dev获取无障碍信息 解释了为什么Web.dev不是获取无障碍信息的最佳来源。

• 使用Bun v1.1开发跨平台应用 探讨了如何使用Bun v1.1开发跨平台应用。

• 使用自定义Three.js材质创建动画变形球体 介绍了如何使用自定义Three.js材质创建动画变形球体。

CSS

• Clip Path的魔力 探讨了使用CSS中的Clip Path实现各种图形效果。

• 单图像切片效果(悬停) 介绍了如何使用单个图像实现切片效果和悬停效果。

• 样式查询几乎像Mixins(但Mixins会更好) 讨论了样式查询与Mixins的相似之处以及Mixins的优势。

• 检测CSS @starting-style支持 介绍了如何检测浏览器是否支持CSS @starting-style特性。

• “如果”CSS获得内联条件语句 探讨了如果CSS获得内联条件语句的潜在影响。

• Batman-Comic.CSS 展示了如何使用CSS创建蝙蝠侠漫画风格的效果。

• CSS游戏中的键盘导航工作原理 介绍了在CSS游戏中实现键盘导航的技巧。

• @property:下一代CSS变量现已获得全浏览器支持 介绍了@property特性及其在所有浏览器中的支持情况。

• 关于视图转换的误解 澄清了关于CSS视图转换的一些常见误解。

• 缩放、缩放、再缩放:三种类型的浏览器(和CSS)放大 讨论了浏览器和CSS中三种不同类型的放大效果。

JavaScript

• 使用Node.js上传大视频:综合指南 提供了使用Node.js上传大视频的详细指南。

• 在TypeScript中创建同时支持CommonJS和ESM的npm包 介绍了如何在TypeScript中创建支持CommonJS和ESM的npm包。

• 一个快速的算法将一个DOM树转换为另一个 介绍了一个快速将一个DOM树转换为另一个的算法。

• es-toolkit——一个现代JavaScript实用程序库,比lodash快2-3倍,体积小达97% 介绍了一个新的JavaScript实用工具库es-toolkit。

  • React

• 学习React:你必须知道的5个关于Hooks的重要原则 介绍了React Hooks的5个重要原则。

• tRPC库是什么?通过示例项目解释 详细介绍了tRPC库及其应用。

• 隐蔽的React内存泄漏:React编译器无法拯救你 探讨了React中的内存泄漏问题及其解决方法。

  • Vue

• 在Vue.js中创建Supabase数据库迁移文件 介绍了如何在Vue.js中创建Supabase数据库迁移文件。

• 逐步编写一个Vue Composable 详细介绍了如何逐步编写一个Vue Composable。

• 使用MSW构建Vue电子商务应用 介绍了如何使用MSW构建Vue电子商务应用。

  • Angular

• 在Angular中引入@let 介绍了Angular中新的@let指令。

• 处理Angular树:平铺与嵌套树及更多 探讨了在Angular中处理平铺与嵌套树的技巧。

  • Svelte

• 探索Svelte 5中的符文魔法 介绍了Svelte 5中新的符文特性。