如何使用 HTML + CSS + JavaScript 创建一个日夜间切换的页面网页设计中，日夜间切换功能可以极大地提升用户体验，适应不同光照条件。本文将详细介绍如何使用 HTML、CSS 和 JavaScript 实现这一功能，并提供一个示例进行讲解。
整体效果动态图片加载缓慢，请等待…
🔑思路：
通过定义两套css样式，分别为日间和夜间，通过js切换。
实现步骤：HTML 结构：创建一个包含按钮和内容的页面结构。CSS 样式：定义日间模式和夜间模式的样式，通过类名应用不同的颜色和背景色。JavaScript 代码：在文档加载完毕后，通过事件监听器捕捉按钮点击事件，根据当前模式的类名动态切换 body 的类。
1. 创建基本的 HTML 结构首先，我们需要一个基本的 HTML 结构，用于展示页面内容和切换按钮。
1234567891011121314151617<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
技术开发
未读整体效果
💎知识点：
1️⃣ :before 以及 :after 伪元素
2️⃣ transform 以及 transition 属性
3️⃣ flex 布局以及 position 定位
4️⃣ :hover 选择器
🔑思路：
定义好按钮通用样式，然后利用伪元素绘制两个矩形背景，当鼠标悬浮在按钮上方时，两个伪元素矩形背景过渡显示出来。
一个双开门的按钮，交互效果比较强，但是实现很简单，快学起来吧。
核心代码部分，简要说明了写法思路；完整代码在最后，可直接复制到本地运行。
核心代码html 代码1<button class="btn69">button</button>
button 主体。
css 部分代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354/* .app 类定义了整个应用的容器 */.app { width: 100%; /* 设置宽度 ...
内网攻击入门——使内网终端掉线ARP欺骗（ARP spoofing），又称ARP毒化（ARP poisoning，网络上多译为ARP病毒）或ARP攻击，是针对以太网地址解析协议（ARP）的一种攻击技术，通过欺骗局域网内访问者PC的网关MAC地址，使访问者PC错以为攻击者更改后的MAC地址是网关的MAC，导致网络不通。此种攻击可让攻击者获取局域网上的数据包甚至可篡改数据包，且可让网络上特定计算机或所有计算机无法正常连线。最早探讨ARP欺骗的文章是由Yuri Volobuev所写的《ARP与ICMP转向游戏》（ARP and ICMP redirection games）。
运作机制：ARP欺骗的运作原理是由攻击者发送假的ARP数据包到网上，尤其是送到网关上。其目的是要让送至特定的IP地址的流量被错误送到攻击者所取代的地方。因此攻击者可将这些流量另行转送到真正的网关（被动式数据包嗅探，passive sniffing）或是篡改后再转送（中间人攻击，man-in-the-middle attack）。攻击者亦可将ARP数据包导到不存在的MAC地址以达到阻断服务攻击的效果，例如netcut软件 ...
【全网首发】Cloudflare+Github最稳定的方法搭建静态网站前言在当今信息化时代，拥有一个个人博客网站已成为许多人的梦想。无论是记录生活、分享技术，还是展示作品，一个独立的博客网站不仅能展示个人风采，还能与全球用户进行互动交流。随着科技的发展，搭建个人博客网站的工具和方法也在不断进步，简便性和稳定性成为大家关注的重点。
本文将详细介绍如何通过 Cloudflare 和 GitHub 搭建一个稳定的静态网站。通过结合这两个强大的平台，我们不仅可以免费托管静态页面，还能确保网站的高可用性和安全性。无论你是技术小白还是经验丰富的开发者，都可以通过这篇教程轻松搭建属于自己的个人博客网站，展示你的独特魅力。
希望本文能为大家提供清晰的指导，帮助每一位读者顺利实现搭建个人网站的梦想。让我们一起开始这段有趣的学习旅程吧！
一、准备工作
需要的准备的东西：一个Github账号、一个Cloudflare账号、网站所需的源码、域名一个（可选）、脑子
二、Github部分1. 注册Github账号在GitHub官网使用邮箱注册即可，无难度略过。网址如下：https://github.com
2. ...
我是如何处理并通过Github搭建图床的？前言 最近又开始重操旧业写博客了，在写的时候遇见了一个问题。我刚写好的文章分享给朋友之后发现图片都消失了，检查之后发现是用的图床寄了【悲】，急忙又开始修，把图片又重新传到了别的图床，后续又出现了问题，网站加载速度有点慢，半天加载不出来，把图片屏蔽后问题解决了，发现是图床太慢了，拖网站后腿。
最终决定自己搭一个图床，本着能不花钱就不花钱的原则，最终选择了Github，Github能存文件就也能放图片，在尝试将图片放到GitHub仓库里再复制链接后访问，结果可行，就是加载速度不佳，上了cdn之后效果显著提升。
操作复现一、准备工作
创建Github账号
访问Github自行注册即可。
下载PicGo软件
PicGo是一个用于上传图片的客户端，支持拖拽上传、剪贴板上传，功能十分方便。
官网地址 PicGo的Github地址 山东大学PicGo镜像地址
二、Github部分
创建一个Github仓库
生成Token令牌 点击右上角头像->Settings->下拉，直到左侧到底，选择Devel ...
记一次CTF大赛写在前面💻随着大数据、人工智能的发展，人们步入了新的时代，逐渐走上科技的巅峰。⚔科技是一把双刃剑，网络安全不容忽视，人们的隐私在大数据面前暴露无遗，账户被盗、资金损失、网络诈骗、隐私泄露，种种迹象表明，随着互联网的发展，网络安全需要引起人们的重视。💂互联网安全从其本质上来讲就是互联网上的信息安全。从广义来说，凡是涉及到互联网上信息的保密性、完整性、可用性、真实性和可控性的相关技术和理论都是网络安全的研究领域。👨👨👧👦网络安全需要一群网络安全技术人员的维护。而CTF，就是这些人技术竞技的比赛。
CTF📚CTF（Capture The Flag），中文名夺旗赛。
🆚网络安全人员之间进行竞技的一种比赛。
💯参赛团队之间通过进行攻防对抗等形式率先从主办方给出的比赛环境中得到一串具有一定格式的字符串或其它内容，并提交给主办方，从而夺取分数。
🚩为了方便称呼，将需要夺得的内容称为Flag。
题解 WriteUp一.MISC1.好像隐藏了什么图片，010editor改高度，送分题，秒解答案：
1CTF{wo_ai_xue_xi}
2.真 ...
Docker详解：功能、工作原理、与传统虚拟机的对比、优势劣势及互联网应用案例第一章：Docker简介1.1 Docker的起源与发展Docker是一个开源的容器化平台，它由Solomon Hykes在2013年创建，最初由dotCloud公司推出，随后在开发者社区中迅速流行起来。Docker的出现革新了软件开发和部署方式，使得应用可以在任何环境下快速、一致地运行。
早期的容器基于Linux的LXC工作. 可以提供轻量级的虚拟化, 以便隔离进程和资源, 而不需要提供指令解释机制以及全虚拟化的其他复杂性. 容器有效地将由单个操作系统管理的资源划分到孤立的组中, 以便更好地在孤立的组之间平衡有冲突的资源使用需求。
1.2 Docker的基本概念Docker基于容器技术，容器是一种轻量级、可移植、自给自足的软件包，它包含了运行应用程序所需的所有依赖项，包括代码、运行时、库和配置文件。与虚拟机不同，容器不包含操作系统内核，因此更为轻量和高效。
Docker相比虚拟机的交付速度更快, 资源消耗更低, Docker采用客户端/服务器端架构, 使用远程API来管理和创建容器, 其可以轻松的 ...
生活日常
未读Welcome欢迎来到我的博客Blog🎉一名普通的在读大学生🎊，喜欢造轮子，热爱Python和PHP✨，在学习C语言和Golang。🎁我的 GitHub.
Welcome to my blog 🎉An ordinary college student 🎊， Likes reinventing the wheel, Loves Python and PHP ✨， Learning C language and Golang. 🎁My GitHub.
PowerJ GroupI’m in PowerJ Group, do you want to join? HaHa
1$ Join Group 'PowerJ'
【笑】
