最近在给自己写主页（同时也是博客），我做了一个切换主题色的功能。每次进入页面时，会随机选择一套配色，让页面显得灵动一些，就像下面这样： 这是如何实现的呢？不妨先从自定义颜色入手 WindiCSS 自定义颜色 定义一个固定的颜色 // windi.config.js…

这两道题真是太有趣了！虽然标签是逆向，但是以前端为载体，有很多JS/CSS奇淫巧计，我已经迫不及待地想要和大家分享了。 Treasure Map 题目地址：http://treasure.chal.pwni.ng/ Ready your masts and set sail! Thar be treasure here if we can figure out…

这篇文章主要介绍名片页的路由过渡是如何去做的 介绍 在19年，我就写了一个较为炫酷的个人名片页。当时的我热衷于使用各种过渡效果，当然，也尝试了很多新鲜的 css 特性，例如为了实现多种主题色使用了 css 变量（好像还是我首次使用flex布局呢） 但当时…

背景 在Manifest V3中，谷歌对CSP策略的限制变得更加严格。例如，不允许使用unsafe-inline指令，这避免扩展执行远程代码，然而，这也意味着注入到页面中隔离环境的Content Scripts受到了扩展CSP策略的约束。因此，当页面中的链接包含内联的事件处理器/javascript:伪…

在 windicss 中，提供了媒体查询和 class 两种方式实现暗黑模式适配。而且比较省心的是——其提供的 dark 变体会自动根据选择的适配模式，生成对应的代码，可以有效避免写出一堆没用的css，看起来也比较清晰。 为了方便控制，我们选择使用 class 的方式来切换暗黑模式…