最近在做 2D 图形渲染相关的项目。由于真实数据还不完善，我一直使用手写 mock 数据进行测试，但这样很难覆盖所有业务场景。于是我开始思考——是否可以借助 AI 自动生成测试数据？

利用CSS让精灵图动起来 主要使用了动画效果，精灵图的载在展示框中移动，展示框在可视屏幕上移动，就产生了🐻在奔跑的假象

写在前面： 在网页制作中，雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是：CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。本文主…

冲浪，看到一个 API HTMLDialogElement.showModal() - Web APIs | MDN 想想一直以来用 UI 框架的组件用惯了，即使自己写 Dialog，也只会老一套。。

之前在逛一些网站的时候，就经常看见一些图片背景模糊的效果，这样的效果可以使得用户将更多的注意力放在清晰的地方上，可以不经意间引导用户。 我就很好奇，这样的一种效果是怎么实现的。恰好这几天周末，顺便弥

今天给大家带来了11张我觉得不论从视觉效果还是页面布局的维度都特别nice的11个pc偏管理端的界面，希望大家可以在平时开发没有灵感时用来做参考。

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

最近，在 CodePen 上看到这样一个非常有意思的效果： 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG