本文深入浅出地讲解了 SVG 中 元素的用法，它允许开发者创建复杂的曲线图形。文章详细介绍了 M、L、Q、C、A 等指令，并对令人困惑的弧线命令 A 进行了深入剖析，解释了其参数的含义及作用，并用生动的比喻帮助读者理解。此外，文章还介绍了 Z 命令、相对命令以及一些技巧，例如如何避免贝塞尔曲线连接处的“肘部”问题。总而言之，这是一篇关于 SVG 元素的全面指南，适合各个水平的 Web 开发者阅读。
阅读更多
两年以前，有人预测AI将取代人类软件开发者。如今，AI工具在软件开发中扮演着越来越重要的角色，但它们更多的是辅助工具，而非替代品。虽然AI可以生成代码，但仍需要人类开发者进行指导、编辑和完善。许多尝试完全用AI取代开发者的案例都以失败告终，因为AI难以处理复杂任务和细微错误。AI工具在提高效率方面有所帮助，但并不能完全取代人类开发者。当前就业市场严峻，部分原因是宏观经济因素和AI带来的误解，而非AI真正取代了开发者。未来，AI和人类开发者将更紧密地合作，实现1+1>2的效果。
阅读更多
作者耗时数月打造了一个极具创意的动画课程落地页，页面包含14000多行代码和200多个文件。该页面包含一个“混沌工具栏”，用户可以使用抓取、橡皮擦、炸弹和魔杖等工具与页面互动，每个工具都带有独特的动画效果。作者详细介绍了如何利用SVG动画、极坐标系和精灵图等技术实现这些效果，并分享了如何使用CSS变量和关键帧动画优化性能，以及如何巧妙地处理声音效果和粒子效果。此外，他还介绍了课程内容，包括使用原生Web技术（CSS、JavaScript、SVG和2D Canvas）创建动画和交互，以及React集成。该课程旨在帮助学员掌握设计和创建各种动画效果的核心技术，并鼓励学员创造独特的视觉效果。
阅读更多
本文介绍了如何使用 CSS 的 backdrop-filter 属性创建更逼真的毛玻璃效果。文章指出，开发者通常只使用 `backdrop-filter: blur()`，但忽略了周边元素的影响，导致效果失真。作者提出了一个巧妙的解决方案：通过创建一个更大的子元素，应用模糊滤镜，再用遮罩将其修剪回原始大小，从而将周边元素纳入模糊范围。文章还讨论了指针事件、顶部闪烁、玻璃厚度、浏览器兼容性以及玻璃边缘效果等问题，并提供了最终代码示例。
阅读更多
本文介绍了作者如何使用 Next.js、MDX、Linaria 等技术栈重新构建个人博客。作者详细讲解了新博客的技术选型、内容管理、样式和 CSS、代码片段、代码游乐场、交互式小部件、数据库、SEO 优化和可访问性等方面的内容，并分享了使用新技术栈的经验和感受。
阅读更多
