博客长期长草中咕咕咕
写一个炫酷的个人名片页✨✨
这篇文章主要介绍名片页的路由过渡是如何去做的 介绍 在19年，我就写了一个较为炫酷的个人名片页。当时的我热衷于使用各种过渡效果，当然，也尝试了很多新鲜的 css 特性，例如为了实现多种主题色使用了 css 变量（好像还是我首次使用flex布局呢） 但当时…
3,201 2023-04-11 4 去阅读
Manifest V3扩展Content Script绕过CSP限制点击页面内元素
背景 在Manifest V3中，谷歌对CSP策略的限制变得更加严格。例如，不允许使用unsafe-inline指令，这避免扩展执行远程代码，然而，这也意味着注入到页面中隔离环境的Content Scripts受到了扩展CSP策略的约束。因此，当页面中的链接包含内联的事件处理器/javascript:伪…
1,693 2023-03-17 0 去阅读在 Nuxt.js 中配合 windicss 实现暗黑模式适配
在 windicss 中，提供了媒体查询和 class 两种方式实现暗黑模式适配。而且比较省心的是——其提供的 dark 变体会自动根据选择的适配模式，生成对应的代码，可以有效避免写出一堆没用的css，看起来也比较清晰。 为了方便控制，我们选择使用 class 的方式来切换暗黑模式…
1,495 2023-02-09 0 去阅读实现滚动时Header自动隐藏
这是掘金网页版的头部，当滚动条向下滑动时，主header会隐藏，次级header会吸在页面顶部。 样式 首先，我们先通过两个 div 来模拟这两个header <template> <div class="main-header-wrapper"> <div class="main-header"></div> …
1,631 2023-02-02 2 去阅读