vue3 生态又变强大了，动效开发，直接拿来就用，炫酷又高效，不用再眼巴巴的羡慕 react 了😎

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

H5项目适配深色模式方案： 声明 color-scheme， 通过 CSS 媒体查询根据不同模式采用不同的样式， 利用picture+source标签，设置不同模式下的图片 url， Js监听模式变化

作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用提供更快的访问速度，提供很好

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

Edge 等浏览器都开始支持 CSS 变量了

dialogView 是满足移动端下，用户自定义的 dialog 组件，API 可扩展性强，使用便捷。现版本是基于 jquery 库编写的，在使用之前需要引入 jquery 库或者 Zepto 库，后续将会和其他组件整合成一个轻量级 UI 组件库中。

前段时间 @Mirza Joldic 在 Medium 上发布了一篇文章，通过几个 Gif 动态非常形象的阐述了 CSS Grid 的几个核心概念以及使用方法，今天我就借花献佛，用这几张图让初学者快速掌握 CSS Grid 的核心概念和使用技巧。

浏览器从去年年底开始，已经开始支持浏览器的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。 scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。 我们先看一个…