腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

daidr

专栏作者

26

文章

23720

阅读量

12

订阅数

优雅地实现滚动容器遮罩

容器 mask 变量布局设计

在设计前端页面时，常常会遇到这种情况：可滚动容器的边界并非父容器的边界，导致子元素溢出造成裁切，让页面产生比较怪异的视觉效果（左图）

2023-12-10

1730

Google Summer of Code & Chrome Extensions

chrome code google project this

I’m a sophomore from China passionate about web development. In my first year, I joined a technical club at our college. This club was my introduction to coding and open source. In the club, I met a group of like-minded partners who love coding. And it was from them that I learned about Google Summer of Code at the beginning of 2023. This Google-organized global program connects students with open-source organizations and guides them in making good use of their summer by participating in open-source activities.

2023-10-18

1650

[简中] Google Summer of Code & Chrome Extensions

开源 chrome code google 开发

我是一名来自中国的大二学生，对Web开发非常感兴趣。在我大一的时候，我加入了一个技术社团（杭电助手），这可以说是让我接触编程和开源的一个起点。在杭电助手，我遇到了一群和我志同道合、对开发充满热情的同学，也正是在于他们交流的过程中，我在2023年初了解到了 Google Summer of Code。GSoC 是一个由 Google 组织的全球性项目，旨在建立学生与开源组织间的联系，并指导他们充分利用暑假去参加到开源活动之中。

2023-10-18

1370

SCSS+WindiCSS实现主题色切换

scss 变量工具函数语法

最近在给自己写主页（同时也是博客），我做了一个切换主题色的功能。每次进入页面时，会随机选择一套配色，让页面显得灵动一些，就像下面这样：

2023-04-27

1.3K0

Plaid CTF Writeup [Treasure Map/CSS]

css ctf map 遍历脚本

这两道题真是太有趣了！虽然标签是逆向，但是以前端为载体，有很多JS/CSS奇淫巧计，我已经迫不及待地想要和大家分享了。

2023-04-27

1.4K0

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

容器函数浏览器路由事件

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

2023-04-12

6110

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

background chrome manifest script scripting

在Manifest V3中，谷歌对CSP策略的限制变得更加严格。例如，不允许使用unsafe-inline指令，这避免扩展执行远程代码，然而，这也意味着注入到页面中隔离环境的Content Scripts受到了扩展CSP策略的约束。因此，当页面中的链接包含内联的事件处理器/javascript:伪协议时，如果尝试在Content Scripts中点击链接，将发生错误，如下图所示：

2023-03-18

1.8K0

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

css html 网络安全

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

2023-03-11

1.4K0

实现滚动时Header自动隐藏

这是掘金网页版的头部，当滚动条向下滑动时，主header会隐藏，次级header会吸在页面顶部。

2023-03-11

2.1K0

手撸一个前端天气卡片

svg 网站 css 容器

我给DouWeather（后称DW）的定位是网页小组件，也是出于这个考虑，我参考了如iOS系统的小部件、新版MIUI系统小组件、鸿蒙系统小部件、win11小组件，发现都无一例外具有同一特征：扁平化，圆角，选用无衬线字体，元素风格简洁，并且四者都在或背景或图标中大量使用渐变，使小部件表现得较为灵动。其中win11小部件添加了浅阴影，可能是为了让小部件从亚克力背景中凸显出来。

2023-02-23

1.4K0

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

api node.js 容器 css javascript

因为这篇文章前戏很长，所以将结果放在了最前面呈现，完整的示例可以前往 https://masonry.daidr.me 查看。

2023-02-23

7780

!important导致TransitionGroup失效

vue.js 渲染 css typescript

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

2023-02-23

7710

https 网络安全 vue.js 网站 react

回坑了明日方舟（之前因为玩原没时间导致方舟弃坑），欢迎来加好友(官服) 戴兜#7341

2023-02-23

3000

明日方舟人物立绘反混淆

alpha async background code promise

在老版本的sharp中，能够直接通过OverlayWith方法将灰度图片与原图片合成来获得具有alpha通道的图片。但是在新版本中，OverlayWith方法被废弃，所以我通过下面这种方法来实现类似的功能。

2023-02-23

4480

base64数据隐写实现原理分析

ascii 编程算法

解码后的内容是daidrhouse，似乎没有什么问题。但是仔细看，第一行和第4行解码后的结果都是d，但内容竟然不太一样？

2023-02-23

2920

转眼间2019年就过去了，感谢过去的一年里陪伴着我的小伙伴们。 Ⅰ. 过去一年的戴兜的小屋（数据来自Google Analytics，由于蜜汁原因缺失5月初-8月中旬的数据） 2019年戴兜的小屋有效访问量：16,050 次，相比去年增长 94.15% 被浏览次数最多的文章：PoiLive2d（被浏览 5,945 次，占比 37.04%） 2019年十月共有 761 次有效访问，其中有 27 人在十一月回访，占比 4.11% 戴兜的小屋友人帐新增了 11 位小伙伴，现在戴兜有 51 位小伙伴啦🎉 戴兜

2023-02-23

2010

2020年转瞬即逝，上一次写年末总结，仿佛还在昨天…恐怕这一年对于我们来说都是印象深刻的一年，新冠疫情的爆发，让我们改变了太多。对于我来说，2020年同样意义非凡——2020年9月，我成年了。2021年1月，参加了人生中第一次“小高考”，在调和考试的焦虑的过程中，也让我收获了许多。这一年，戴兜又认识了许多新伙伴，感谢大家对戴兜的小屋的支持，同时也感谢在这一年帮助我解决了诸多困难的各位大佬们。由于学业压力，在过去的2020全年仅更新了3篇文章，深感抱歉。 Ⅰ. 过去一年的戴兜的小屋（数据来自Google

2023-02-23

2580

占位图生成接口（DouAPI）

api https 网络安全

DouAPI是戴兜在15年底开始提供的一项服务，DouAPI在这3年左右的时间里，根据Uptimerobot的监控数据，可用率基本在90%以上。完全可以说是戴兜维护最走心的一个项目了。寒假开始用NodeJS重写了DouAPI，目前已经完成了几个基本接口的重制，目前仍在持续开发。

2023-02-23

5390

隐写 - BugKu一二事

然后发现浏览器似乎没法显示这张图片？使用VS Code查看一下图片文件头，89 50 41 47，的确是PNG格式。戴兜在这之后又尝试了各种猎奇的方法尝试找到flag，但均以失败告终。

2023-02-23

3180

回文数判定算法的深入研究(JavaScript)

）。决定使用现在最凉的JavaScript重写该算法，把自己的一些想法在这里做一个总结。注：运行环境使用NodeJS v11.9.0

2023-02-23

4780

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态