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

使用swiper实现图片轮播功能

news 2026/4/3 2:13:45

swiper中文官网地址：在这里

官网介绍：Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。

按照使用方法下载指定版本的swiper文件；

需要用到的文件有swiper-bundle.js和swiper-bundle.css文件，还需要引入map文件，不然会有警告提示；

准备工作：

先将图片放到指定文件夹，然后新建js文件，记录图片位置；将记录存放在数组中，方便后续使用；

<!DOCTYPE html>
<html lang="en&#

相关文章：

使用swiper实现图片轮播功能

swiper中文官网地址：在这里 官网介绍：Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 按照使用方法下载指定版本的swiper文件； 需要用到的文件有swiper-bundle.js和swiper-bundle.css文件，还需要引入map文件，不然会有警告提示； 准备工作：…...

编程日记 2023/8/6 11:03:30

Qt应用开发(基础篇)——时间类 QDateTime、QDate、QTime

一、前言 时间类QDateTime、QDate、QTime、QTimeZone保存了Qt的时间、日期、时区信息&#xff0c;常用的时间类部件都会用到这些数据结构&#xff0c;常用概念有年、月、日、时、分、秒、毫秒和时区&#xff0c;时间和时区就关系到时间戳和UTC的概念。 UTC时间&#xff0c;又称…...

编程日记 2023/8/6 11:02:28

Modbus TCP转Profinet网关modbus tcp转以太网

大家好&#xff0c;今天我们来聊一聊如何使用捷米特的Profinet转modbusTCP协议转换网关在博图上进行非透传型配置。 1, 首先&#xff0c;我们需要安装捷米特JM-TCP-PN的GSD文件&#xff0c;并根据现场设备情况配置modbusTCP地址。然后&#xff0c;在博图中添加该GSD文件&#x…...

编程日记 2023/8/6 11:01:27

笔记 | P4387 【深基15.习9】验证栈序列 题解

题解 问题描述 给出两个序列 pushed 和 poped&#xff0c;分别表示入栈和出栈操作的顺序。我们需要判断给定的出栈序列是否可能对应于给定的入栈序列。如果可能&#xff0c;则输出 “Yes”&#xff1b;否则&#xff0c;输出 “No”。 解题思路 读取输入&#xff1a;读取询问…...

编程日记 2023/8/6 11:00:27

PyTorch中nn-XXX与F-XXX的区别

nn.XXX与F.XXX PyTorch中torch.nn**&#xff08;以下简写为nn&#xff09;中的模块和torch.nn.functional&#xff08;以下简写为F&#xff09;**中的模块都提供了常用的神经网络操作&#xff0c;包括激活函数、损失函数、池化操作等。它们的主要区别如下&#xff1a; nn中的…...

编程日记 2023/8/6 10:59:23

zookeeper集群和kafka的相关概念就部署

目录 一、Zookeeper概述 1、Zookeeper 定义 2、Zookeeper 工作机制 3、Zookeeper 特点 4、Zookeeper 数据结构 5、Zookeeper 应用场景 &#xff08;1&#xff09;统一命名服务 &#xff08;2&#xff09;统一配置管理 &#xff08;3&#xff09;统一集群管理 &#xff08;4&a…...

编程日记 2023/8/6 10:58:22

第4集丨Vue 江湖 —— 计算属性

目录 一、基本使用1.1 在computed中定义1.1.1 案例1.1.2 控制台调用getter1.1.3 控制台中的data和computed 1.2 缓存效果1.3 完整写法1.3.1 案例1.3.2 效果图 1.4 简写形式 二、案例的其他实现2.1 methods实现2.2 插值语法实现 三、体会计算属性的好处3.1 复杂任务时3.2 使用计…...

编程日记 2023/8/6 10:57:20

Docker 容器化学习

文章目录 前言Docker架构 1、 docker安装2、启动docker服务3、设置docker随机器一起启动4、docker体验5、docker常规命令5.1、容器操作docker [run|start|stop|restart|kill|rm|pause|unpause]docker [ps|inspect|exec|logs|export|import] 5.2、镜像操作docker images|rmi|tag…...

编程日记 2023/8/6 10:56:18

springboot第34集：ES 搜索，nginx

#用search after解决深分页性能问题 #第一页 GET /bank/_search {"size": 10,"sort": [{"account_number": {"order": "asc"}}] }#第二页 GET /bank/_search {"size": 10,"sort": [{"account_numb…...

编程日记 2023/8/6 10:55:16

微信小程序中的分包使用介绍

一、分包的好处 可以优化小程序首次启动的下载时间 在多团队共同开发时可以更好的解耦协作 主包&#xff1a;放置默认启动页面/TabBar 页面&#xff0c;公共资源/JS 脚本 分包&#xff1a;根据开发者的配置进行划分 限制&#xff1a;所有分包大小不超过 20M&#xff0c;单…...

编程日记 2023/8/6 10:54:15

【云原生】K8S二进制搭建二：部署CNI网络组件

目录 一、K8S提供三大接口1.1容器运行时接口CRI1.2云原生网络接口CNI1.3云原生存储接口CSI 二、Flannel网络插件2.1K8S中Pod网络通信2.2Overlay Network2.3VXLAN2.4Flannel 三、Flannel udp 模式的工作原理3.1ETCD 之 Flannel 提供说明 四、vxlan 模式4.1Flannel vxlan 模式的工…...

编程日记 2023/8/6 10:53:12

【iOS】—— 离屏渲染

文章目录 离屏渲染UIView和CALayer关系GPU屏幕渲染有两种方式:产生离屏渲染的原因&#xff1a;既然离屏渲染这么耗性能,为什么有这套机制呢?什么情况会离屏渲染&#xff1f;既然离屏渲染这么不好&#xff0c;为什么我们还要强制开启呢&#xff1f;如何避免离屏渲染&#xff1f…...

编程日记 2023/8/6 10:52:11

基于人工智能的中医图像分类系统设计与实现

华佗AI 《支持中医，永远传承古老文化》 本存储库包含一个针对中药的人工智能图像分类系统。该项目的目标是通过输入图像准确识别和分类各种中草药和成分。 个人授权许可证 版权所有 2023至2050特此授予任何获得华佗AI应用程序（以下简称“软件”）副本的人免费许可，可根据以…...

编程日记 2023/8/6 10:51:10

spring security + oauth2 使用RedisTokenStore 以json格式存储

1.项目架构 2.自己对 TokenStore 的 redis实现 package com.enterprise.auth.config;import org.springframework.data.redis.connection.RedisConnection; import org.springframework.data.redis.connection.RedisConnectionFactory; import org.springframework.data.redis…...

编程日记 2023/8/6 10:50:09

css position: sticky；实现上下粘性布局，中间区域滚动

sticky主要解决的问题 1、使用absolute和fixed中间区域需要定义高度2、使用absolute和fixed底部需要写padding-bottom 避免列表被遮挡住一部分&#xff08;底部是浮窗的时候&#xff0c;需要动态的现实隐藏&#xff09; <!DOCTYPE html> <html lang"en"&…...

编程日记 2023/8/6 10:49:08

解密HTTP代理爬虫中的IP代理选择与管理策略

在当今数据驱动的世界中&#xff0c;HTTP代理爬虫作为一项重要的数据采集工具&#xff0c;其成功与否往往取决于IP代理的选择与管理策略。作为一家专业的HTTP代理产品供应商&#xff0c;我们深知IP代理在数据采集中的重要性。在本文中&#xff0c;我们将分享一些关于HTTP代理爬…...

编程日记 2023/8/6 10:48:06

pytorch入门

详细安装教程和环境配置可以看&#xff1a;Python深度学习&#xff1a;安装Anaconda、PyTorch&#xff08;GPU版&#xff09;库与PyCharm_哔哩哔哩_bilibili 跟学课程&#xff1a;B站我是土堆 pytorch中两个实用函数&#xff1a; dir()&#xff1a;打开 help():说明书…...

编程日记 2023/8/6 10:47:01

Redis | 主从模式

Redis | 主从模式 1. 简介 Redis主从模式&#xff08;Replication&#xff09;是Redis提供的一种数据备份和高可用性解决方案。通过主从复制&#xff0c;可以将一个Redis服务器的数据复制到其他多个从服务器&#xff0c;从而实现数据的备份和读写分离&#xff0c;提高系统的性…...

编程日记 2023/8/6 10:45:59

C# Blazor 学习笔记(8):row/col布局开发

文章目录 前言相关文章代码row和col组件B_rowB_col结构 使用 前言 可能是我用的element ui和 uView这种第三方组件用的太多了。我上来就希望能使用这些组件。但是目前Blazor目前的生态其实并不完善&#xff0c;所以很多组件要我们自己写。 我们对组件的要求是 我们在组件化一共…...

编程日记 2023/8/6 10:44:58

金融供应链智能合约 -- 智能合约实例

前提 Ownable:监管者合约,有一个函数能转让监管者。 SupplyChainFin:供应链金融合约,银行、公司信息上链&#xff0c;公司和银行之间的转账。 发票&#xff1a;记录者交易双方和交易金额等的一种记录数据。如:我在超市买了一瓶水,超市给我开了一张发票。 Ownable // SPDX-…...

编程日记 2023/8/6 10:43:56

Python AOT编译成本如何从$280K/年压至$49K/年？2026前最后窗口期的6个不可逆决策点

第一章&#xff1a;Python AOT编译成本断崖式下降的战略本质Python 长期以来被诟病于运行时开销高、启动慢、内存占用大&#xff0c;其核心瓶颈在于 CPython 解释器的字节码解释执行机制。而近年来&#xff0c;以 Nuitka、Cython&#xff08;搭配 --aot 模式&#xff09;、以及…...

编程新知 2026/4/3 1:26:44

JAVA语法，接口和抽象类应该如何抉择

01.面向对象设计特性1.1 抽象和接口特性在面向对象编程中&#xff0c;抽象类和接口是两个经常被用到的语法概念&#xff0c;是面向对象四大特性&#xff0c;以及很多设计模式、设计思想、设计原则编程实现的基础。比如&#xff0c;我们可以使用接口来实现面向对象的抽象特性、多…...

编程新知 2026/4/3 1:06:39

寒武纪高级系统软件工程师面试技术解析

1. 寒武纪高级系统软件工程师面试全解析 作为一名在芯片验证领域摸爬滚打多年的工程师&#xff0c;去年我经历了寒武纪高级系统软件工程师岗位的完整面试流程。这个岗位对系统底层和芯片验证的要求非常高&#xff0c;今天我就把两轮技术面的核心问题拆解给大家&#xff0c;并分…...

编程新知 2026/4/3 0:44:35

机器人双目视觉定位系统设计与开发

机器人双目视觉定位系统设计与开发 摘要 双目视觉定位技术是机器人感知环境、实现自主导航和精准操作的核心技术之一。本系统基于双目立体视觉原理，利用Matlab平台完成了从相机标定、图像采集、立体匹配到三维坐标解算的完整流程。系统采用张正友标定法获取相机内外参数，通…...

编程新知 2026/4/3 0:04:02

2026届学术党必备的五大AI辅助写作网站推荐

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 在当下这个学术写作的场景范围里&#xff0c;论文AI工具已然变成辅助研究者去完成文献梳理的…...

编程新知 2026/4/2 23:53:37

LangChain-AI应用开发框架(四)

目录 一.LangChain软件包安装 二.LangChain能力详解 1.本章节环境说明 2.目标与内容 三.详细过程 1.步骤1&#xff1a; a.申请API key并配置环境变量 b.配置环境变量 步骤2:定义大模型 a.安装OpenAI包 b.定义大模型 步骤3&#xff1a;定义消息列表 步骤4&#xff…...

编程新知 2026/4/2 22:34:07

Nginx 高可用、负载均衡与 HTTPS 配置实战(一)

Nginx作为当下最主流的开源反向代理与Web服务器&#xff0c;凭借轻量、高性能、高并发的特性&#xff0c;成为企业级服务入口的首选方案。在生产环境中&#xff0c;单节点Nginx存在单点故障风险&#xff0c;并发请求过高会导致服务卡顿&#xff0c;同时HTTP明文传输存在数据泄露…...

编程新知 2026/4/2 20:26:03

springcloud项目如何禁用三方依赖的拦截器

背景&#xff1a; 原始代码中有一个自定义的通用依赖&#xff0c;这个依赖中有很多通用方法和拦截器供整个系统使用。 需求&#xff1a; 禁用其中一个拦截器&#xff0c;保留其他方法和拦截器&#xff0c;过滤器等。 拦截器介绍 原有拦截器&#xff0c;自己封装了一个jdk&#…...

编程新知 2026/4/2 20:17:58

微信聊天记录本地管理：WeChatMsg实现数据主权与记忆留存的完整方案

微信聊天记录本地管理&#xff1a;WeChatMsg实现数据主权与记忆留存的完整方案 【免费下载链接】WeChatMsg 提取微信聊天记录&#xff0c;将其导出成HTML、Word、CSV文档永久保存&#xff0c;对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Trend…...

编程新知 2026/4/2 20:11:55

快马平台快速原型：十分钟搭建openclaw skills机器人抓取仿真环境

最近在研究机器人抓取技能&#xff08;openclaw skills&#xff09;的仿真验证&#xff0c;发现用InsCode(快马)平台可以快速搭建原型环境。整个过程比想象中简单很多&#xff0c;十分钟就能跑通基础功能&#xff0c;分享下具体实现思路&#xff1a; 场景搭建 先用Three.js创建…...

编程新知 2026/4/2 20:11:55