- 博客(25)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 HTML、CSS实现边框动画
本文展示了四种CSS边框动画效果实现代码：1.旋转渐变边框使用伪元素和conic-gradient创建彩色旋转效果；2.流光边框通过线性渐变和mask实现流动光效；3.呼吸发光边框结合box-shadow和颜色变化创造脉动效果；4.四边绘制动画利用background分层实现边框分段绘制效果。所有效果都基于纯CSS实现，无需JavaScript，适用于卡片组件的美化展示。代码包含完整的HTML结构和CSS动画关键帧定义，可直接应用于Web项目。
2026-07-01 14:28:07
224
原创 HTML花里胡哨 水波纹切换图片
本文介绍了一个水波纹焦点图切换效果，通过HTML5 Canvas实现图片切换时的动态水波纹动画。主要特点包括：1）点击任意位置触发水波纹扩散效果完成图片切换；2）支持导航点和箭头按钮控制；3）图片标题淡入淡出效果；4）响应式设计适配不同屏幕。代码结构清晰，包含图片数据配置、DOM元素获取、状态变量定义等功能模块，实现了一个视觉上吸引人的图片轮播效果。
2026-03-24 18:23:20
567
原创 用HTML做一个3D旋转相册
本文展示了一个3D立方体图片展示效果，通过CSS 3D变换实现。代码包含完整的HTML结构和CSS样式，创建了一个可旋转的立方体，每个面显示不同的图片。主要特点包括：透视效果、3D变换保留、平滑过渡动画、响应式设计适配移动设备，以及鼠标交互效果。立方体六个面分别设置了不同的图片，通过CSS的transform属性实现3D旋转效果，并添加了白色发光边框增强视觉效果。代码还包含加载提示和移动设备适配的媒体查询。
2025-08-20 16:11:33
336
原创 小游戏日记（2048游戏最终版）
摘要：2048游戏HTML版采用动态背景与炫酷视觉效果，包含完整的游戏规则和界面设计。玩家通过方向键移动数字方块，合并相同数字直至达到2048。代码实现包含游戏逻辑、动画效果和响应式布局，采用JavaScript编写核心功能，CSS实现霓虹灯标题、渐变色背景等现代UI元素。游戏界面显示当前分数和最佳记录，支持重新开始功能。背景采用视频层与CSS动画备用方案，确保视觉效果流畅。整体设计注重交互体验和视觉冲击力，是经典数字合并游戏的现代化实现。（148字）
2025-08-05 16:44:00
251
原创 小游戏日记（2048游戏改进版）
2048游戏是一款经典的滑动数字拼图游戏，玩家通过方向键移动方块，将相同数字的方块合并。游戏包含一个4x4网格，通过JavaScript实现游戏逻辑，HTML/CSS设计美观界面。主要功能包括：分数计算、自动游戏模式、速度调节、不同数字方块的颜色区分，以及游戏结束检测。界面采用渐变背景和圆角设计，支持响应式布局，提供"重新开始"和"自动游戏"按钮，并包含游戏规则说明。
2025-08-05 16:42:41
216
原创 小游戏日记（2048游戏初始版）
《2048Test游戏介绍》 2048Test是一款经典的2048数字合并游戏，玩家通过方向键移动方块，将相同数字的方块合并，最终目标是创造出2048方块。游戏采用简洁美观的界面设计，包含计分系统和游戏结束提示。特点包括：基于HTML/CSS/JavaScript开发，响应式布局适配不同设备，彩色方块区分不同数字，提供重新开始功能，以及流畅的动画效果。游戏背景采用渐变色彩，方块颜色随数值变化而改变，视觉效果清晰直观。
2025-08-05 16:40:39
215
原创 小游戏日记(打地鼠)
这是一个打地鼠游戏的HTML实现。游戏包含点击地鼠击打、暂停功能和难度选择功能。界面采用现代化UI设计，具有渐变背景、毛玻璃效果和响应式布局。游戏主区域包含地鼠洞和操作面板，侧边栏显示操作指南和历史记录。代码结构清晰，包含完整的样式表，采用Flex布局实现页面排版，并添加了动画效果和交互反馈。玩家可以通过简单的点击操作来开始游戏，选择不同难度挑战自己。
2025-08-04 16:19:12
280
原创 cursor Figma MCP的配置
Figma MCP配置示例：在Windows系统中使用JSON格式配置Figma开发者MCP服务，包含启动命令、参数及API密钥。核心要素为cmd命令调用npx运行figma-developer-mcp工具，通过--figma-api-key参数授权，采用stdio通信模式。此配置适用于Framelink Figma MCP服务的快速部署
2025-05-30 09:52:00
409
原创 cursor重置脚本【亲测有效】
Cursor采用机器码绑定机制，当单设备API调用次数超过阈值时会触发设备锁定，导致API服务不可用。为解决此问题，Windows系统用户可通过以下步骤重置设备识别码：首先，以管理员权限打开PowerShell；其次，执行特定的重置命令。操作前建议关闭Cursor客户端，并注意该脚本会修改系统注册表及设备指纹信息，执行后需重启系统以确保配置生效。由于涉及系统级修改，务必确保脚本来源可信。
2025-05-22 16:20:17
807
2
原创 Maven 新版setting.xml阿里云镜像配置
在IntelliJ IDEA中使用Maven时，可能会遇到依赖下载失败或无法下载的问题。解决此问题的一种有效方法是更换Maven的镜像地址。可以通过修改Maven的settings.xml配置文件来实现。具体步骤如下： 打开Maven的settings.xml文件，通常位于${user.home}/.m2/目录下。 在<mirrors>标签中添加或修改镜像地址，例如使用阿里云的Maven镜像： aliyunmaven central https://maven.aliyun.com/reposi
2025-05-19 11:52:00
1969
原创 Mysql 随笔记录 查询表中某个字段的值出现两次或者多次相同值的数据列
【代码】Mysql 随笔记录 查询表中某个字段的值出现两次或者多次相同值的数据列。
2024-11-08 10:54:30
227
原创 vue3+ts+vite v-for里面使用echarts无法显示的解决方案
一、问题描述1.问题描述：在vue3+ts+vite环境中，我想要v-for渲染一个班级里面的每一个学生的图表情况描述，但是图表无法显示出来，如图示例：二、解决方案1.成功解决的效果图我的解决方案是把echarts封装到组件里面，并且在v-for里面使用组件即可。安装依赖npm install echarts创建一个自定义组件MyChart.vue<template> <div ref="chartRef" :data="data" :style="{width:
2024-10-17 10:40:43
558
原创 Java mybatis+Spring封装分页
这是一篇好文章下面展示就是了。package entity;import java.io.Serializable;import java.util.List;public class Page <T> implements Serializable{ // 页数（第几页） private long currentpage; // 查询数据库里面对应的数据有多少条 private long total;// 从数据库查处的总记录数 // 每页查5条 private
2021-03-18 19:32:30
174
原创 Oracle的安装过程
1.第一步修改文件cvu_prereq，使之能够通过Oracle的环境检查文件位置：Database\stage\cvu文件名称：cvu_prereq.xml打开文件添加按照以下步骤安装：安装完成！...
2020-02-10 21:10:16
163
原创 RabbitMQ的介绍
1.什么是RabbitMQRabbitMQ是支持持久化消息队列的消息中间件。MQ是消费-生产者模型的一个典型的代表，一端往消息队列中不断写入消息，而另一端则可以读取或者订阅队列中的消息。而MQ则是遵循了AMQP协议的具体实现和产品。2.RabbitMQ的安装安装RabbitMQ之前需要先安装Erlang。然后配置Relang的环境变量然后把%ERLANG_HOME%\bin添加进p...
2020-02-10 18:08:15
162
原创 PS快捷键
Ctrl+0 全屏显示Ctrl+R 标尺显示空格 平移视图填充前景色 Alt+Delete填充背景色 Ctrl+Delete撤销一次操作 Ctrl+Z撤销多次操作 Ctrl+Al+Z合并图层 Ctrl+E画布 Ctrl+Alt+C图像大小 Ctrl+Alt+I...
2020-02-10 17:17:03
167
原创 ssm整合配置
web.xml<?xml version="1.0" encoding="UTF-8"?><web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoc...
2019-04-28 20:36:21
343
原创 SpringMVC入门 文件上传和下载
1.创建一个web项目，并且导入所需要的jar包2.在web.xml文件中，配置SpringMVC的前端控制器等等信息web.xml文件：<?xml version="1.0" encoding="UTF-8"?><web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:...
2019-04-27 14:44:18
199
原创 走近Spring MVC
1.创建web project项目，引入jar包2.配置前端控制器在web.xml中配置<?xml version="1.0" encoding="UTF-8"?><web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/200...
2019-04-21 22:12:20
193
原创 MyBatis框架配置文件记录
1.新建一个java Project文件2.在项目下建一个lib文件夹用来存入MyBatis框架所需要的架包3.选中所有jar包点击在build path下点击add lib…4.建一个为log4j.properties的file文件用浏览器打开mybatis-3.4.6.df文件，找到Logging节点log4j.properties：# Global logging configu...
2019-04-21 21:05:00
220
typora-setup-x64_0.9.78.rar
2020-07-08
java并发编程.rar
2020-07-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人