戴兜的小屋
戴兜的小屋

JavaScript
文章归档

Plaid CTF Writeup [Treasure Map/CSS]

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

   3,031   2023-04-17   2 去阅读

写一个炫酷的个人名片页✨✨

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

   3,197   2023-04-11   4 去阅读

Manifest V3扩展Content Script绕过CSP限制点击页面内元素

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

   1,687   2023-03-17   0 去阅读

在 Nuxt.js 中配合 windicss 实现暗黑模式适配

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

   1,494   2023-02-09   0 去阅读

实现滚动时Header自动隐藏

这是掘金网页版的头部,当滚动条向下滑动时,主header会隐藏,次级header会吸在页面顶部。 样式 首先,我们先通过两个 div 来模拟这两个header <template> <div class="main-header-wrapper"> <div class="main-header"></div> …

   1,626   2023-02-02   2 去阅读
   1,969   2022-11-23   1 去阅读
加载更多