当前位置： 首页 > news >正文

【HTML+CSS+JS+VUE】web前端教程-31-css3新特性

news 2026/4/4 23:33:19

圆角
在这里插入图片描述

        div{width: 100px;height: 100px;background-color: saddlebrown;border-radius: 5px;}

在这里插入图片描述
阴影
在这里插入图片描述

        div{width: 200px;height: 100px;background-color: saddlebrown;margin: 0 auto;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);}

在这里插入图片描述

相关文章：

【HTML+CSS+JS+VUE】web前端教程-31-css3新特性

圆角 div{width: 100px;height: 100px;background-color: saddlebrown;border-radius: 5px;}阴影 div{width: 200px;height: 100px;background-color: saddlebrown;margin: 0 auto;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);}...

编程日记 2025/1/14 23:44:07

力扣264. 丑数 II

给你一个整数 n ，请你找出并返回第 n 个 丑数 。丑数 就是质因子只包含 2、3 和 5 的正整数。 //用一个数组来保存第1到第n个丑数 //一个丑数必须是乘以较小的丑数的 2、3 或 5来得到。 //使用三路合并方法：L2、L3 和 L5三个指针遍历2、3、5倍的丑数序列…...

编程日记 2025/1/14 23:43:01

计算机网络之---TCP连接管理

TCP连接管理 TCP（传输控制协议）是面向连接的协议，在数据传输之前需要建立连接，在数据传输完成后需要断开连接。TCP连接的建立和断开都遵循特定的规则，分别称为三次握手（Three-Way Handshake）和四…...

编程日记 2025/1/14 23:41:55

《CPython Internals》阅读笔记：p118-p150

《CPython Internals》学习第 8 天，p118-p150 总结，总计 33 页。 一、技术总结 补充一些本人整理的关于 Context-Free Grammar(CFG) 的知识。 1.symbol(符号) A mathematical symbol is a figure or a combination of figures that is used to repre…...

编程日记 2025/1/14 23:36:46

C/C++ 数据结构与算法【排序】 常见7大排序详细解析【日常学习，考研必备】带图+详细代码

常见7种排序算法 冒泡排序（Bubble Sort）选择排序（Selection Sort）插入排序（Insertion Sort）希尔排序（Shell Sort）归并排序（Merge Sort）快速排序（…...

编程日记 2025/1/14 23:32:38

三只松鼠携手爱零食，社区零售新高峰拔地而起

合纵连横，这是当前零售行业发展的一个主旋律。从商超之王胖东来的全国调改，到社区零售正在进行的渠道变革，竞争的激烈和商业模式的升级令人目不暇接。 量贩零食赛道在过去一年就是如此，有杀伐，有并购，刀光…...

编程日记 2025/1/14 23:30:33

Java聊天小程序

拟设计一个基于 Java 技术的局域网在线聊天系统，实现客户端与服务器之间的实时通信。系统分为客户端和服务器端两类，客户端用于发送和接收消息，服务器端负责接收客户端请求并处理消息。客户端通过图形界面提供用户友好的操作界面，服务器端监听多个客户端的连接并管理消息通…...

编程日记 2025/1/14 23:26:29

Kibana操作ES基础

废话少说，开干！！！！！！！！！！！！截图更清晰，复制在下面 #库操作#创建索引【相当于数据库的库】 PUT /first_index#获…...

编程日记 2025/1/14 23:23:23

MYSQL8创建新用户报错：You have an error in your SQL syntax；check...

本文所用——MYSQL版本：8.0.25 baidu都是直接创建新用户并赋权，如下： GRANT ALL PRIVILEGES ON *.* TO 用户名% IDENTIFIED BY 密码 WITH GRANT OPTION;但是我用的MYSQL版本它就不行，会报错！ 经查阅资料发现——MY…...

编程日记 2025/1/14 23:22:22

动漫周边商城系统｜Java｜SSM｜VUE｜ 前后端分离

【技术栈】 1⃣️：架构: B/S、MVC 2⃣️：系统环境：Windowsh/Mac 3⃣️：开发环境：IDEA、JDK1.8、Maven、Mysql5.7 4⃣️：技术栈：Java、Mysql、SSM、Mybatis-Plus、VUE、jquery,html 5⃣️数据库…...

编程日记 2025/1/14 23:20:20

Vue 3 Diff 算法受 `v-for` 循环中的 `key` 属性影响

Vue 3 的 Diff 算法会受到 v-for 循环中的 key 属性的影响，key 的选择直接关系到 Diff 算法的效率和最终的 DOM 更新结果。 key 的作用 在 Vue 中，key 是一种标识，它用于唯一标记每个虚拟 DOM 节点。Diff 算法会根据 key 判断新旧节点是否是…...

编程日记 2025/1/14 23:18:17

江科大STM32入门——看门狗笔记整理

wx：嵌入式工程师成长日记 （一）简介 WDG(Watchdog)看门狗看门狗可以监控程序的运行状态，当程序因为设计漏洞（无法预料）、硬件故障、电磁干扰等原因，出现卡死或跑飞现象时，看门狗能及…...

编程日记 2025/1/14 23:14:13

【计算机网络】lab7 TCP协议

🌈 个人主页：十二月的猫-CSDN博客 🔥 系列专栏： 🏀计算机网络_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步，十二点的黑夜遮蔽不住黎明的曙光 目录 1. 实验目的…...

编程日记 2025/1/14 23:13:08

计算机视觉：解锁未来智能世界的钥匙

计算机视觉：解锁未来智能世界的钥匙 在信息技术飞速发展的今天，计算机视觉作为人工智能领域的一个重要分支，正以前所未有的速度改变着我们的生活与工作方式。它使机器能够“看”并理解图像和视频中的信息，为自动驾驶、医疗影像分…...

编程日记 2025/1/14 23:12:05

Java的Stream流和Option类

1. Stream 流 背景 Stream是Java 8引入的一个用于处理集合（或其他数据源）中的元素的API。它提供了一种声明式的方式来处理数据，并可以链式调用。Stream支持惰性求值，也支持并行流处理。 1.1 创建 Stream 创建一个Stream可以通…...

编程日记 2025/1/14 23:09:01

深入理解ASP.NET Core 管道的工作原理

在 .NET Core 中，管道（Pipeline）是处理 HTTP 请求和响应的中间件组件的有序集合。每个中间件组件都可以对请求进行处理，并将其传递给下一个中间件组件，直到请求到达最终的处理程序。管道的概念类似于流水线&#xff0c…...

编程日记 2025/1/14 23:08:00

多模态论文笔记——CLIP

大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细介绍这几年AIGC火爆的隐藏功臣，多模态模型：CLIP。 文章目录 CLIP（Contrastive Language-Image Pre-training&#xff09…...

编程日记 2025/1/14 23:06:59

brpc之baidu_protocol

简介 是brpc默认使用的协议 初始化 Protocol baidu_protocol { ParseRpcMessage,SerializeRequestDefault, PackRpcRequest,ProcessRpcRequest, ProcessRpcResponse,VerifyRpcRequest, NULL, NULL,CONNECTION_TYPE_ALL, "baidu_std" };协议定义 定义在baidu_rpc…...

编程日记 2025/1/14 22:59:50

LeetCode：39. 组合总和

跟着carl学算法，本系列博客仅做个人记录，建议大家都去看carl本人的博客，写的真的很好的！ 代码随想录 LeetCode：39. 组合总和 给你一个 无重复元素 的整数数组 candidates 和一个目标整数 target ，找出 cand…...

编程日记 2025/1/14 22:51:41

SOLID原则学习，开闭原则（Open Closed Principle, OCP）

文章目录 1. 定义2. 开闭原则的详细解释3. 实现开闭原则的方法4. 总结 1. 定义 开闭原则（Open-Closed Principle，OCP）是面向对象设计中的五大原则（SOLID）之一，由Bertrand Meyer提出。开闭原则的核心思想是…...

编程日记 2025/1/14 22:48:38

魔兽争霸3帧率终极优化指南：从60到240帧的完整解决方案

魔兽争霸3帧率终极优化指南：从60到240帧的完整解决方案 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 【问题诊断：你的魔兽争…...

编程新知 2026/4/4 23:13:13

算法会梦见电子羊，但人类需要学会与有偏见的AI共存 | 嗨点小圆桌

点击文末“阅读原文”即可参与节目互动剪辑、音频 / 卷圈 运营 / 卷圈 监制 / 姝琦 封面 / 姝琦 产品统筹 / bobo 场地支持 / AI原点社区我们避开关于算力和估值的宏大叙事，在 AI 原点社区的小圆桌旁，和两位刚刚从硅谷大厂“回归”实验室的科学家聊…...

编程新知 2026/4/4 22:51:01

如何快速掌握DREAM3D：材料科学数据分析的完整指南

如何快速掌握DREAM3D：材料科学数据分析的完整指南 【免费下载链接】DREAM3D Data Analysis program and framework for materials science data analytics, based on the managing framework SIMPL framework. 项目地址: https://gitcode.com/gh_mirrors/dr/DREAM…...

编程新知 2026/4/4 20:07:08

告别繁琐安装：用快马平台在线环境，三步创建你的第一个网页应用

作为一个刚入门的前端开发者，我最近发现了一个特别适合新手快速上手的开发方式——不用下载任何软件，直接在浏览器里就能完成网页开发的全流程。今天想和大家分享这个超实用的发现，以及我是如何用它快速做出第一个网页应用的。 传统开发环境的…...

编程新知 2026/4/4 18:40:19

Kandinsky-5.0-I2V-Lite-5s部署案例：中小企业用其替代高价视频外包，降本70%

Kandinsky-5.0-I2V-Lite-5s部署案例：中小企业用其替代高价视频外包，降本70% 1. 为什么中小企业需要关注这个方案 对于中小企业来说，视频制作一直是个头疼的问题。传统外包制作5秒短视频的平均成本在2000-5000元不等，而使用Kandi…...

编程新知 2026/4/4 16:34:39

直播技术：B站第三方推流方案的实现与应用探索

直播技术：B站第三方推流方案的实现与应用探索 【免费下载链接】bilibili_live_stream_code 用于在准备直播时获取第三方推流码，以便可以绕开哔哩哔哩直播姬，直接在如OBS等软件中进行直播，软件同时提供定义直播分区和标题功能 项…...

编程新知 2026/4/4 16:14:21

【Seed-Labs 2.0】从攻到防：实战解析SQL注入漏洞与预编译语句防御

1. SQL注入漏洞：从入门到实战 第一次接触SQL注入时，我被这种攻击方式的简单粗暴震惊了。只需要在登录框输入admin#，就能直接绕过密码验证进入系统。这让我意识到，很多看似复杂的系统安全问题，其实都源于最基础的编码疏…...

编程新知 2026/4/4 15:39:38

2026年OpenClaw部署攻略：新手友好部署、配置大模型百炼APIKey、集成Skill详细步骤

2026年OpenClaw部署攻略：新手友好部署、配置大模型百炼APIKey、集成Skill详细步骤。OpenClaw（原Clawdbot）作为2026年主流的AI自动化助理平台，可通过阿里云轻量服务器实现724小时稳定运行，并快速接入钉钉，让…...

编程新知 2026/4/4 15:11:15

百川2-13B+OpenClaw：学术论文参考文献自动校对系统

百川2-13BOpenClaw：学术论文参考文献自动校对系统 1. 为什么需要参考文献自动化校对 去年写博士论文时，我曾在参考文献格式上栽过跟头。距离截稿还有48小时，导师突然指出我的参考文献列表存在三处格式不一致——有的作者名全大写&#xff0…...

编程新知 2026/4/4 14:57:00

如何使用YimMenu提升GTA V体验：从部署到安全应用的完整指南

如何使用YimMenu提升GTA V体验：从部署到安全应用的完整指南 【免费下载链接】YimMenu YimMenu, a GTA V menu protecting against a wide ranges of the public crashes and improving the overall experience. 项目地址: https://gitcode.com/GitHub_Trending/yi…...

编程新知 2026/4/4 14:50:58