戴兜 @DaiDR
前端练习生,喜欢折腾各种新鲜的东西。

戴兜的小屋正在施工中🚧

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

2023-03-17
#Extension
135
0

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

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

2023-02-09
#CSS
157
0

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

实现滚动时Header自动隐藏

2023-02-02
#CSS
129
2

这是掘金网页版的头部,当滚动条向下滑动时,主header会隐藏,次级header会吸在页面顶部。 样式 首先,我们先通过两个 div 来模拟这两个header 这里使用绝对定位来将两个header固定在页面顶部,这两个div分别是main- …

你好!2023

2023-01-10
597
9

一晃眼就到2023年了,时间过得真快啊🤯
在过去的一年里,戴兜做了些什么呢?

!important导致TransitionGroup失效

2022-11-23
#JavaScript
890
1

大家如果曾经接触过 Vue, 那么大抵会对其自带的组件 TransitionGroup 有所了解。这篇文章便记录了 TransitionGroup 中「移动动画」的一些使用细节。 或许你对 TransitionGroup 的「移动动画」还不太了解,那么我在 …

CSS Layout API初探:瀑布流布局实现

2022-01-14
#CSS
2617
5

自己在写的小项目中有瀑布流的需求,不久之前刚刚完成瀑布流的布局部分,这部分代码也已经上传到了Github gist。写的时候我就在思考:如果能有更优雅的方式快速实现瀑布流布局该多好。于是,我便想到了之前无聊时翻 …

你好! 2022

2022-01-03
2940
8

2021年转瞬即逝,在2021年,我经历了人生中最重要的考试之一——高考,成为了一名大学生(这才大学并没有自己想象地那么轻松)。2021年,戴兜的小屋更新了1篇文章,不知道大家对于这个更新速度是什么看法…有时候想要文 …

手撸一个前端天气卡片

2021-10-01
#CSS
3834
10

自己亲手做一个天气卡片组件的想法其实很早就有了,但是做起来难度还是很大的(布局、数据源、天气展示、自适应),最终不了了之。最近学校社团面试题目是做一个天气卡片,正好可以借此机会趁着国庆小长假静下心来好 …

Hi!2021

2021-01-27
4828
10

2020年转瞬即逝,上一次写年末总结,仿佛还在昨天…恐怕这一年对于我们来说都是印象深刻的一年,新冠疫情的爆发,让我们改变了太多。对于我来说,2020年同样意义非凡——2020年9月,我成年了。2021年1月,参加了人生 …

加载更多