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

HTML5好看的水果蔬菜在线商城网站源码系列模板5

news 来源：原创 2025/8/21 3:40:34

文章目录

1.设计来源
- 1.1 主界面
- 1.2 关于我们
- 1.3 商品服务
- 1.4 果蔬展示
- 1.5 联系我们
- 1.6 商品具体信息
- 1.7 登录注册
2.效果和源码
- 2.1 动态效果
- 2.2 源代码
源码下载
万套模板，程序开发，在线开发，在线沟通

作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/147264301

HTML5好看的水果蔬菜在线商城网站源码系列模板5，水果蔬菜在线商城源码，最全商城模板，水果蔬菜模板，一款大气的网上蔬菜店/水果店购物商城HTML模板，内置八个模板页面，覆盖各种商城需求页面，，酷炫的界面效果，简易的整体风格，实现了商店的所需功能，登录，注册，网格列表，信息列表，我的订单，表单，导航菜单，列表等，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。

1.设计来源

水果蔬菜在线商城系列的第五个风格版，总共有九个版本，九种风格。

该系列所有文章源码【九种风格，总有一款适合你】
HTML5超酷炫的水果蔬菜在线商城网站源码1(附源码)
HTML5好看的水果蔬菜在线商城网站源码2(附源码)
HTML5简介的水果蔬菜在线商城网站源码3(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板4(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板5(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板6(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板7(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板8(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板9(附源码)

1.1 主界面

在这里插入图片描述

1.2 关于我们

在这里插入图片描述

1.3 商品服务

在这里插入图片描述

1.4 果蔬展示

在这里插入图片描述

1.5 联系我们

在这里插入图片描述

1.6 商品具体信息

在这里插入图片描述

1.7 登录注册

登录页面

在这里插入图片描述

注册页面

在这里插入图片描述

更多界面效果，看下面的视频演示动态效果，或者下载源码体验吧。其他更多资源尽在 xcLeigh博客，如有相关技术问题，欢迎私信博主。

2.效果和源码

2.1 动态效果

这里是完整的效果演示，可在此代码基础上更加完善功能，支持扩展自己的风格，可以删减内容，打造属于自己的水果蔬菜在线商城。

HTML5好看的水果蔬菜在线商城网站源码系列模板5

2.2 源代码

这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。

<!--各行各业的模板源码，来自CSDN上的xcLeigh博客：https://blog.csdn.net/weixin_43151418/article/details/128349160-->
<!DOCTYPE html>
<html>
<head>
<title>水果蔬菜在线商城</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="HTML5好看的水果蔬菜在线商城网站源码系列模板5" />
<script src="js/menu_jquery.js"></script><!---pop-up-box----><link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/><script src="js/jquery.magnific-popup.js" type="text/javascript"></script><!---//pop-up-box----><script>$(document).ready(function() {$('.popup-with-zoom-anim').magnificPopup({type: 'inline',fixedContentPos: false,fixedBgPos: true,overflowY: 'auto',closeBtnInside: true,preloader: false,midClick: true,removalDelay: 300,mainClass: 'my-mfp-zoom-in'});});</script>		
</head>
<body>
<!--header start here-->
<div class="header"><div class="container"><div class="header-main"><div class="head-left"><div class="phone"><p>电话<span class="ph-numb">133 1100 1100</span></p></div><div class="search">		<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i> </i></a></div><div id="small-dialog" class="mfp-hide"><div class="search-top"><div class="login"><input type="submit" value=""><input type="text" value="查找更多..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">		</div><p>田园果蔬</p></div>				</div><!----><div class="clearfix"> </div></div><div class="header-right"><div class="logo"><h1><a href="index.html">田园果蔬</a></h1></div><div class="header-login"><div class="top-nav-right"><div id="loginContainer"><a href="#" id="loginButton"><span>登录</span></a><div id="loginBox">                <form id="loginForm"><fieldset id="body"><fieldset><label for="email">邮箱地址</label><input type="text" name="email" id="email"></fieldset><fieldset><label for="password">账号密码</label><input type="password" name="password" id="password"></fieldset><input type="submit" id="login" value="登 录"><label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住我</i></label></fieldset><span><a href="register.html">没有账号去注册?</a></span></form></div></div></div></div><div class="clearfix"> </div></div><div class="clearfix"> </div></div></div>
</div>
<!--header end here-->
<!--top nav start here-->
<div class="top-navg-main"><div class="container"><div class="top-navg"><span class="menu"> <img src="images/icon.png" alt=""/></span><ul class="res"><li><a href="index.html" class="active hvr-sweep-to-bottom">首页</a></li> <li><a class="hvr-sweep-to-bottom" href="about.html">关于我们</a></li> <li><a class="hvr-sweep-to-bottom" href="services.html">商品服务</a></li> <!-- <li><a class="hvr-sweep-to-bottom" href="typo.html">模板样式</a></li> --><li><a class="hvr-sweep-to-bottom" href="gallery.html">果蔬展示</a></li> <li><a class="hvr-sweep-to-bottom" href="contact.html">联系我们</a></li> </ul><!-- script-for-menu --><script>$( "span.menu" ).click(function() {$( "ul.res" ).slideToggle( 300, function() {// Animation complete.});});</script><!-- /script-for-menu --></div></div>
</div>
<!--top nav end here-->
<!--banner start here-->
<div class="banner"><div class="container"><div class="banner-main"><h3>果蔬家园，有机绿色</h3><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地，无论您是想寻找新鲜采摘的时令蔬菜，还是想品尝自然成熟的甜美水果，我们都为您精心准备了最优质的天然美味。</p><a href="single.html">查看更多</a><div class="clearfix"> </div>	</div></div>
</div>
<!--banner end here-->
<!--bann-info start here-->
<div class="bann-info"><div class="container"><div class="bann-info-main"><div class="col-md-3 bann-grid"><div class="agro-grain"><span class="glyphicon glyphicon-grain" aria-hidden="true"> </span></div></div><div class="col-md-6 bann-grid"><h6>温馨提示</h6><h3>果蔬配送相关信息</h3><p>感谢您选择我们作为您健康生活的伙伴！在这里，每一次下单都是对自然农法的支持，每一口美味都是对身体的滋养。我们承诺持续为您带来更多优质果蔬和贴心服务，愿与您一起探索食物本真的味道，共享从农场到餐桌的美好时光！</p><a href="single.html" class="hvr-wobble-bottom">查看更多</a></div><div class="col-md-3 bann-grid"><img src="images/cucumber.jpg" alt="" class="img-responsive"></div><div class="clearfix"> </div></div></div>
</div>
<!--bann info end here-->
<!--wedo start here-->
<div class="we-do"><div class="container"><div class="wedo-main"><div class="col-md-4 wedo-grid"><span class="glyphicon glyphicon-leaf" aria-hidden="true"> </span><h3>免费送货 </h3><h4>订单满$300免费</h4><p>无论是清晨送达的鲜嫩叶菜，还是午后配送的香甜水果，我们都致力于为您提供最新鲜的味蕾享受。</p><a href="single.html"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"> </span></a></div><div class="col-md-4 wedo-grid"><span class="glyphicon glyphicon-user" aria-hidden="true"> </span><h3>安全支付 </h3><h4>100%的保证金</h4><p>无论是清晨送达的鲜嫩叶菜，还是午后配送的香甜水果，我们都致力于为您提供最新鲜的味蕾享受。</p><a href="single.html"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"> </span></a></div><div class="col-md-4 wedo-grid"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"> </span><h3>30天返回</h3><h4>30天现金保证</h4><p>无论是清晨送达的鲜嫩叶菜，还是午后配送的香甜水果，我们都致力于为您提供最新鲜的味蕾享受。</p><a href="single.html"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"> </span></a></div><div class="clearfix"> </div>	</div></div>
</div>
<!--we do end here-->
<!--agrom strip start here-->
<div class="agro-strip"><div class="container"><div class="agro-strip-main"><h3>果蔬家园，有机绿色</h3><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地，无论您是想寻找新鲜采摘的时令蔬菜，还是想品尝自然成熟的甜美水果，我们都为您精心准备了最优质的天然美味。</p><a href="single.html" class="hvr-wobble-bottom">查看更多</a><div class="clearfix"> </div></div></div>
</div>
<!--agrom strip end here-->
<!--latest-news start here-->
<div class="latest-new"><div class="container"><div class="latest-news-main"><div class="col-md-3 latest-grid"><img src="images/l1.jpg" alt="" class="img-responsive"><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地。</p></div><div class="col-md-3 latest-grid"><img src="images/l2.jpg" alt="" class="img-responsive"><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地。</p></div><div class="col-md-3 latest-grid"><img src="images/l.jpg" alt="" class="img-responsive"><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地。</p></div><div class="col-md-3 latest-grid"><img src="images/l4.jpg" alt="" class="img-responsive"><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地。</p></div><div class="clearfix"> </div></div></div>
</div>
<!--latest news end here-->
<!--footer start here-->
<div class="footer"><div class="container"><div class="footer-main"><div class="col-md-4 ftr-grd"><h3>保持联系</h3><p>北京市、海淀区、田间农场</p><p>123@126.com</p><p>15311001100</p></div><div class="col-md-4 ftr-grd"><h3>关注我们</h3><ul><li><a href="#"><span class="fa"> </span></a></li><li><a href="#"><span class="tw"> </span></a></li><li><a href="#"><span class="g"> </span></a></li><li><a href="#"><span class="in"> </span></a></li></ul></div><div class="col-md-4 ftr-grd"><h3>加入我们</h3><p>欢迎来到我们的果蔬乐园！这里是大自然馈赠的美味集合地。 </p><label class="hvr-wobble-bottom"> <input type="submit" value="发送"></label></div><div class="clearfix"> </div><div class="copy-right"><p>Copyright &copy; 2024.田园果蔬 All rights reserved.<a href="https://blog.csdn.net/weixin_43151418" style="color: orange;" target="_blank">xcLeigh</a> | <a href="https://item.taobao.com/item.htm?id=805108173963" style="color: orange;" target="_blank">欣晨软件服务</a></p></div></div></div>
</div>
<!--//footer--> 
</body>
</html>

源码下载

HTML5好看的水果蔬菜在线商城网站源码系列模板5（源码）点击下载
在这里插入图片描述

万套模板，程序开发，在线开发，在线沟通

专业后端大佬在线沟通需求开发
专业前端大佬在线沟通需求开发
专业网站整套大佬在线沟通需求开发
专业毕业设计大佬在线沟通需求开发
专业大作业大佬在线沟通需求开发
【优惠活动】专属定制，程序在线开发

--------------- 业精于勤，荒于嬉 ---------------

请添加图片描述

--------------- 行成于思，毁于随 ---------------

💢 关注博主带你实现畅游前后端

🏰 加入社区带你体验马航不孤单

💯 神秘个人简介带你体验不一样得介绍

💘 为爱表白为你那个TA，体验别致的浪漫惊喜

🎀 酷炫邀请函带你体验高大上得邀请

     ① 🉑提供云服务部署（有自己的阿里云）；
     ② 🉑提供前端、后端、应用程序、H5、小程序、公众号、大作业等相关业务；
     如🈶合作请联系我，期待您的联系。
    注：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有），https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。

亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 🈶 问题请留言（评论），博主看见后一定及时给您答复，💌💌💌

原文地址：https://blog.csdn.net/weixin_43151418/article/details/147264301（防止抄袭，原文地址不可删除）

HTML5好看的水果蔬菜在线商城网站源码系列模板5

文章目录 1.设计来源1.1 主界面1.2 关于我们1.3 商品服务1.4 果蔬展示1.5 联系我们1.6 商品具体信息1.7 登录注册 2.效果和源码2.1 动态效果2.2 源代码源码下载万套模板，程序开发，在线开发，在线沟通作者：xcLeigh 文章地址&#…...

编程日记 2025/8/21 3:40:34

L2-033 简单计算器满分笔记

本题要求你为初学数据结构的小伙伴设计一款简单的利用堆栈执行的计算器。如上图所示，计算器由两个堆栈组成，一个堆栈 S1 存放数字，另一个堆栈 S2 存放运算符。计算器的最下方有一个等号键，每次按下这个键，计算器就…...

编程日记 2025/8/17 18:20:52

其他网页正常进入，但是CSDN进入之后排版混乱

显示不正常，排版混乱解决方法： ①打开网络设置 ②更改适配器 ③所连接的网络 --右键属性然后就可以正常访问了。...

编程日记 2025/8/17 20:09:34

BFC详解

1.定义： FC的全称为Formatting Conttext,元素在标准流里面块级元素的布局属于Block Formatting Context(BFC)——即block level box都是BFC中布局行内级元素的布局属于Inline Formatting Context (IFC) 2.那么在哪些情况下会创建BFC？ 根元素…...

编程日记 2025/8/19 17:53:34

(H3C)vlan配置实验

1.实验拓扑 2.实验配置 [S1]dis cu #version 7.1.070, Alpha 7170 #sysname S1 # vlan 10 # vlan 20 # interface GigabitEthernet1/0/1port link-mode bridgeport link-type trunkport trunk permit vlan 1 10 20combo enable fiber # interface GigabitEthernet1/0/2port li…...

编程日记 2025/8/20 19:27:31

idea mvn执行打包命令后控制台乱码

首先在idea中查看maven的编码方式执行mvn -v命令查看编码语言是GBK C:\Users\13488>mvn -v Apache Maven 3.6.3 (cecedd343002696d0abb50b32b541b8a6ba2883f) Maven home: D:\maven\apache-maven-3.6.3\bin\.. Java version: 1.8.0_202, vendor: Oracle Corporation, runt…...

编程日记 2025/8/19 23:06:46

JSON.parse(JSON.stringify()) 与 lodash 的 cloneDeep：深度拷贝的比较与基础知识

JSON.parse(JSON.stringify()) 与 lodash 的 cloneDeep：深度拷贝的比较与基础知识在 JavaScript 开发中，**深拷贝（Deep Copy）**是一个常见需求，尤其是在处理复杂对象和嵌套数据结构时。JSON.parse(JSON.stringify(o…...

编程日记 2025/8/17 21:27:29

搭建用友U9Cloud ERP及UAP IDE环境

应用环境 Microsoft Windows 10.0.19045.5487 x64 专业工作站版 22H2Internet Information Services - 10.0.19041.4522Microsoft SQL Server 2019 - 15.0.2130.3 (X64)Microsoft SQL Server Reporing Services 2019 - 15.0.9218.715SQL Server Management Studio -18.6 laster…...

编程日记 2025/8/20 5:56:58

Linux 系统新磁盘分区XFS挂载

以下是Linux系统中对新硬盘进行XFS文件系统格式化和挂载的完整操作指南： 一、确认硬盘识别 ‌查看已识别硬盘‌ 执行 lsblk 或 fdisk -l 命令，确认新硬盘设备标识（如 /dev/sdb）‌。二、硬盘分区（可选） …...

编程日记 2025/8/20 22:30:36

Oracle测试题目及笔记（单选）

所有题目来自于互联网搜索当 Oracle 服务器启动时，下列哪种文件不是必须的（D）。 A．数据文件 B．控制文件 C．日志文件 D．归档日志文件数据文件、日志文件-在数据库的打开阶段使用控制文件-在数…...

编程日记 2025/8/17 18:20:57

C语言链接数据库

目录使用 yum 配置 mysqld 环境查看 mysqld 服务的版本创建 mysql 句柄链接数据库使用数据库增加数据修改数据查询数据获取查询结果的行数获取查询结果的列数获取查询结果的列名获取查询结果所有数据断开链接 C语言访问mysql数据库整体源码通过…...

编程日记 2025/8/20 13:05:58

深入浅出 Redis：核心数据结构解析与应用场景Redis 数据结构

引言：Redis 为何如此之快？数据结构是关键 Redis (Remote Dictionary Server) 作为一款高性能的内存键值数据库，凭借其闪电般的速度和丰富的功能，在缓存、消息队列、排行榜等众多场景中得到了广泛应用。除了基于内存存储这一核心优…...

编程日记 2025/8/18 23:15:10

告别昂贵语音合成服务！用GPT-SoVITS生成你的个性化AI语音

文章目录前言1.GPT-SoVITS V2下载2.本地运行GPT-SoVITS V23.简单使用演示4.安装内网穿透工具4.1 创建远程连接公网地址 5. 固定远程访问公网地址前言今天给大家介绍一款AI语音克隆工具——GPT-SoVITS。这款由花儿不哭大佬开发的工具是一款强大的训练声音模型与音频生成工具…...

编程日记 2025/8/20 18:02:32

前沿要塞：Vue组件安全工程的防御体系重构与技术突围

总章数字世界的钢铁长城在某个凌晨3点的红蓝对抗演练中，某电商平台因组件级XSS漏洞导致千万级用户数据泄露。这不是虚构的灾难场景，而是2023年某A轮企业的真实遭遇。当传统安全方案在新型攻击面前节节败退时，我们需要为Vue组件铸造全新的数字…...

编程日记 2025/8/17 18:20:59

吴恩达深度学习复盘(19)XGBoost简介|神经网络与决策树

XGBoost 多年来，机器学习研究人员提出了许多构建决策树的方法，目前最常用的方法是对样本或决策树的实现收费。其中，XGBoost 是一种非常快速且易于使用的开源实现，已成功用于赢得许多机器学习竞赛和商业应用。算法原理基本思想…...

编程日记 2025/8/19 23:51:26

Docker部署禅道21.6开源版本

将数据库相关环境变量分开，增加注释或空格使得命令更易读。如果你的 MySQL 主机、端口等配置没有变化，应该确保这些信息是安全的，并考虑使用 Docker secrets 或环境变量配置来避免直接暴露敏感信息。 docker run -d -it --privilegedtrue …...

编程日记 2025/8/17 19:49:37

《MySQL：MySQL表结构的基本操作》

创建表 CREATE TABLE table_name ( field1 datatype, field2 datatype, field3 datatype ) character set 字符集 collate 校验规则 engine 存储引擎; field 表示列名 datatype 表示列的类型 character set 字符集，如果没有指定字符集，则以所在数据…...

编程日记 2025/8/17 20:04:56

C++解析操作mat文件方法-基于vs2019

前言工作中需要将C#脚本转为C++,所转脚本主要功能是进行mat数据文件的解析和矩阵运算。 1.C#版本原C#脚本主要是基于 MathNet.Numerics.data.Matlab、MathNet.Numerics.LineAlgebra.Double、 MathNet.Numerics.LineAlgebra 中的MatlabReader、DenseMatrix、Matrix进行mat文…...

编程日记 2025/8/18 0:26:14

OpenCV 模板匹配方法详解

文章目录 1. 什么是模板匹配？2. 模板匹配的原理2.1数学表达 3. OpenCV 实现模板匹配3.1基本步骤 4. 模板匹配的局限性5. 总结 1. 什么是模板匹配？ 模板匹配（Template Matching）是计算机视觉中的一种基础技术，用于在目…...

编程日记 2025/8/17 20:02:26

自已实现一个远程打印方案解决小程序或APP在外面控制本地电脑打印实现

常规通过小程序或APP在外出时控制本地电脑实现打印功能，可以结合远程桌面技术、云打印服务或开发定制化的远程打印解决方案。但这里我们采用自已的实现方案来解决服务器端实现搭建一个后端socket服务，监听来自手机的打印请求。监听到打印任务后向本…...

编程日记 2025/8/20 7:36:23

Oracle_00000

contents 基本使用基本使用 Oracle安装后会自动创建sys和system这两个用户。 sys用户：具有最高权限。具有sysdba角色，有create database的权限。该用户默认密码是：manager system用户：管理员用户，具有sysoper角色。没…...

编程日记 2025/8/18 20:25:42

深入剖析 ORM：原理、优缺点、场景及多语言框架示例

ORM 即对象关系映射（Object Relational Mapping），它是一种编程技术，其作用是在面向对象编程语言里，把对象模型和关系型数据库的数据结构之间创建起映射，这样开发者就能够使用面向对象的方式来操作数据库&am…...

编程日记 2025/8/17 20:40:43

ARINC818协议-持续

一、帧头帧尾 SOF 和 EOF 分别代表视频帧传输的开始与结束，它们在封装过程有多种状态，SOF 分为 SOFi 和 SOFn，EOF 分为 EOFt 和 EOFn。传输系统中的视频信息包括像素数据信息和辅助数据信息，分别存储在有效数据中的对象 0 和对象…...

编程日记 2025/8/20 14:21:55

【uniapp】uni.setClipboardData 方法失效 bug 解决方案

写了一个 copy 方法，但是怎么也没有弹窗复制成功 <text click"toCopy(myInfo.id)">复制 </text> 逐步打印发现 1 正常打印，2 没有打印，说明问题出现在 setClipboardData 方法执行中 toCopy(n) {// console.log(1,ty…...

编程日记 2025/8/17 20:26:31

智能sc一面

智能sc一面-2025/4/17 更多完善：真实面经 Java 的异常分类异常分为两类，一类Error,一类Execption。这两个类都是Throwable的子类，只有继承Throwable 的类才可以被throw或者catch Error: 表示严重的系统问题，通常与代码无关&am…...

编程日记 2025/8/20 18:20:28

SAP HANA使用命令行快速导出导入

楔子今天折腾了接近一下午，就为了使用SAP HANA自带的命令行工具来导出数据备份。 SAP HANA（后续简称Hana）是内存数据库，性能这一方面上还真没怕过谁。由于SAP HANA提供了Hana Studio这个桌面工具来方便运维和DBA使用&#xf…...

编程日记 2025/8/17 19:04:56

Oracle DBMS_SCHEDULER 与 DBMS_JOB 的对比

Oracle DBMS_SCHEDULER 与 DBMS_JOB 的对比一基本概述对比特性DBMS_JOB (旧版)DBMS_SCHEDULER (新版)引入版本Oracle 7 (1992年)Oracle 10g R1 (2003年)当前状态已过时但仍支持推荐使用的标准设计目的基础作业调度企业级作业调度系统二功能特性对比 2.1 作业定义能力 …...

编程日记 2025/8/19 6:38:25

【音视频】音视频FLV合成实战

FFmpeg合成流程示例本程序会⽣成⼀个合成的⾳频和视频流，并将它们编码和封装输出到输出⽂件，输出格式是根据⽂件扩展名⾃动猜测的。示例的流程图如下所示。 ffmpeg 的 Mux 主要分为三步操作： avformat_write_header ： 写⽂件…...

编程日记 2025/8/19 18:30:47

10.（vue3.x+vite）div实现tooltip功能（css实现）

1：效果截图 2：代码实现 <template><div><div class="tooltip" style="margin-top: 20%; margin-left: 20%; background-color: blueviolet; color: white;...

编程日记 2025/8/17 20:49:58

代码随想录算法训练营第三十七天| 52. 携带研究材料 518.零钱兑换II 377. 组合总和 Ⅳ 70. 爬楼梯(进阶版)

[TOC](代码随想录算法训练营第三十七天| 52. 携带研究材料 518.零钱兑换II 377. 组合总和 Ⅳ 70. 爬楼梯(进阶版) ) 入营第三十七天难度：难计划任务完成任务 52. 携带研究材料动态规划五部曲： 1.确定dp数组以及下标含义 dp[i][j]表示从下标[0-i]的…...

编程日记 2025/8/19 7:42:16

数智化招标采购系统分类及功能亮点

数智化招标采购系统是郑州信源公司运用“互联网”、大数据、人工智能、区块链、物联网等新兴技术，结合供应链管理理念，以招标采购为核心，提供交易、管理、数据、服务、监管为一体的高标准采购管理平台，赋能政企用户实现采购业务全…...

编程日记 2025/8/19 20:13:40

CSS appearance 属性：掌握UI元素的原生外观

在现代网页设计中，为了达到一致的用户体验，我们有时需要让HTML元素模仿操作系统的默认控件样式。CSS中的appearance属性提供了一种简便的方式来控制这些元素是否以及如何显示其默认外观。本文将详细介绍appearance属性，并通过实际代码示例来展…...

编程日记 2025/8/19 3:54:42

【JavaScript】二十四、JS的执行机制事件循环 + location + navigator + history

文章目录 1、JS执行机制（事件循环eventloop）2、BOM的window3、location对象3.1 href属性3.2 search属性3.3 hash属性3.4 reload方法 4、navigator对象5、history对象 1、JS执行机制（事件循环eventloop） 以下，两段代码…...

编程日记 2025/8/19 1:21:47

CSS核心笔记002

margin塌陷问题第一个子元素的上margin会作用在父元素上, 最后一个子元素的下margin会作用在父元素上解决 1. 给父元素设置不为0的pandding 2. 给父元素设置宽度不为0 的border 3. 给父元素设置样式 overflow:hiddenmargin合并问题兄弟元素的下外margin和会下面兄弟的上…...

编程日记 2025/8/17 20:13:01

前端路由缓存实现

场景：以一体化为例：目前页面涉及页签和大量菜单路由，用户想要实现页面缓存，即列表页、详情页甚至是编辑弹框页都要实现数据缓存。方案：使用router-view的keep-alive实现。一、实现思路 1.需求梳理需要缓存模块&…...

编程日记 2025/8/17 1:56:19

加密软件的发展：从古典密码到量子安全

在数字化时代，信息安全已成为个人隐私、商业机密乃至国家安全的重要基石。加密软件作为保护信息安全的核心工具，经历了从简单替换到复杂算法的漫长演变过程。本文将系统梳理加密软件的发展历程，分析当前主流技术，并展望未来趋势。…...

编程日记 2025/8/16 23:29:37

用Zotero + Word 宏，一键插入带超链接的参考文献！

第一步：准备好Zotero Word 确认你已经完成以下准备： ✅ 已安装好 Zotero ✅ 已安装好 Zotero Word 插件（一般自动装好了） ✅ Word 可以正常插入参考文献 ✅ 已插入好一组参考文献（可以先插几个测试） …...

编程日记 2025/8/19 13:53:42

Java SpringBoot的自定义配置

一，一个类多个属性的情况 application.properties配置文件写法 my.config.ip127.0.0.1 my.config.port8080自定义配置类：MyTestConfig import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.boot.context.properties…...

编程日记 2025/8/20 22:00:09

Spring Boot 动态热更新 HTTPS 证书的实现与原理

在实际生产环境中，HTTPS 证书定期更新是非常常见的需求。传统方式通常要求重启服务来加载新证书，但在一些高可用系统中，重启服务会造成连接中断和短暂不可用。本篇文章将介绍如何在 Spring Boot 项目中，实现不重启服务的情况下热…...

编程日记 2025/8/20 18:02:46

天工股份业绩大起大落：2024营收双位数下滑，稳定性或存疑

《港湾商业观察》施子夫近期，江苏天工科技股份有限公司（以下简称，“天工股份”）拟公开发行股票并在北京证券交易所上市获得中国证监会同意注册，完成上市审核阶段中最后也是最关键的一步。值得一提的是，…...

编程日记 2025/8/18 7:50:19

深入浅出 NVIDIA CUDA 架构与并行计算技术

🐇明明跟你说过：个人主页 🏅个人专栏：《深度探秘：AI界的007》 🏅 🔖行路有良友，便是天堂🔖 目录一、引言 1、CUDA为何重要：并行计算的时代 2、NVIDIA在…...

编程日记 2025/8/19 15:59:55

网安融合：打造网络+安全一体化的超预期体验

近日,2025锐捷网络EBG(中国)核心伙伴大会在苏州圆满落幕。来自全国2000合作伙伴齐聚苏州,共同见证这场盛会的举办。会上,锐捷网络发布了七大战略产品解决方案。其中网络安全产品事业部产品市场总监沈世海发布了“打造网络安全一体化的超预期体验”的主题报告。报告围绕让“让渠…...

编程日记 2025/8/17 18:29:50

通义灵码 Rules 库合集来了，覆盖Java、TypeScript、Python、Go、JavaScript 等

通义灵码新上的外挂 Project Rules 获得了开发者的一致好评：最小成本适配我的开发风格、相当把团队经验沉淀下来，是个很好功能…… 那么有哪些现成的 Rules 可以抄作业呢，今天我们官方输出了 Java、TypeScript、Python、Go、JavaScript 等语…...

编程日记 2025/8/17 20:05:48

3D人脸扫描技术如何让真人“进入“虚拟，虚拟数字人反向“激活“现实？

随着虚拟人技术的飞速发展，超写实数字人已经成为数字娱乐、广告营销和虚拟互动领域的核心趋势。无论是企业家、知名主持人还是明星，数字分身正在以高度还原的形象替代真人参与各类活动，甚至成为品牌代言、直播互动的新宠。 3D人脸扫描&#…...

编程日记 2025/8/17 20:49:55

12孔AG调陶笛音域全解析：从E4到C6的演奏艺术

一、音域范围的精准界定 12孔AG调陶笛的音域范围为E4（低音Mi）至C6（高音Do），横跨13个自然音级（即E4-F4-G4-A4-B4-C5-D5-E5-F5-G5-A5-B5-C6）。若以半音计算，实际覆盖15个半音&#xf…...

编程日记 2025/8/17 19:06:38

IDEA编译错误Refer to the generated Javadoc files in xxx apidocs dir

文章目录一、IDEA编译报错 Refer to the generated Javadoc1.1、报错内容1.2、解决办法一、IDEA编译报错 Refer to the generated Javadoc 1.1、报错内容 Command line was: /opt/jdk1.8.0_181/jre/../bin/javadoc options packagesRefer to the generated Javadoc files i…...

编程日记 2025/8/20 21:20:56