上周前端发生哪些新鲜事儿?#371 (8–14 Jule 2024)
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中新的符文特性。
转载自:https://juejin.cn/post/7392513761854291978