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

vue实现图片分页

news 2025/12/19 10:24:39

本小节学会使用v-show和@click 、v-bind，v-bind可以简写为:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><body><div id="app"><button v-show="index>0" @click="index--">上一页</button><div><img :src="list[index]"></div><button v-show="index < list.length-1" @click="index++">下一页</button></div><script>const app = new Vue({el: '#app',data: {index: 0,list: ['./imgs/001.png','./imgs/002.png','./imgs/003.png','./imgs/004.png']}})</script>
</body></html>

vue实现图片分页

本小节学会使用v-show和click 、v-bind，v-bind可以简写为: <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"…...

编程日记 2023/10/30 16:31:34

Baklib专注：企业数字内容体验与知识管理

随着科技的发展，消费者对数字体验的依赖程度攀升，品牌正面临着越来越大的压力。数字化体验作为当下最热门的话题之一，无论是传统企业还是互联网企业，都在积极探索创新方案和具体措施，从而提高用户的数字化体验&#xf…...

编程日记 2023/10/30 16:28:31

C++ 标准库随机数：std::default_random_engine

库头文件 #include <random> // 通过种子值设置随机数生成器 std::default_random_engine rng(seed);// 不设置种子值，使用默认值 std::default_random_engine rng; // 生成一个0到9之间的随机整数 int random_int rng() % 10;// 生成一个0到1之间的随机浮…...

编程日记 2023/10/30 16:27:30

Python requests之Cookie

视频版教程：一天掌握python爬虫【基础篇】涵盖 requests、beautifulsoup、selenium 在某些需要登录的网站或者或者应用，假如我们需要抓取登录后的内容，技术上本质通过session会话实现。服务器端存会话信息，浏览器通过Cookie携带…...

编程日记 2023/10/30 16:24:28

【嵌入式项目应用】__嵌入式中，映射表的应用例子！

目录一、嵌入式中的映射表是什么？ 二、映射表在串口数据解析中的应用 1. 数据结构 2. 指令、函数映射表 3. 串口解析函数实现三、映射表在UI设计中的应用 1. 数据结构 2. 函数映射表 3. 定义两个变量保存当前场景和上一个场景 4. 按下Up按键跳转到指定场…...

编程日记 2023/10/30 16:22:25

react中的useState和useImmer的用法

文章目录一、useState1. 更新基本类型数据2. 更新对象3. 更新嵌套对象4. 更新数组5.更新数组对象二、Immer1. 什么是Immer2. 使用use-immer更新嵌套对象3. 使用useImmer更新数组内部的对象一、useState react中文官网教程 1. 更新基本类型数据在函数式组件中&#xff0c…...

编程日记 2023/10/30 16:21:25

Can‘t compile code “launch: program ＜program_path＞ does not exist “

StackOverflow上有一个类似的提问我的情况很特殊，上面的回答没有解决我的问题，最后我发现是我的cpp文件名称为数字开头（类似于1_floy.cpp），把名字里的数字挪到后面就好了。。。。。...

编程日记 2023/10/30 16:20:23

Mac电脑上升级nodejs

第一步，先查看本机node.js版本： node -v 第二步，清除node.js的cache： sudo npm cache clean -f 第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字&#xff0c…...

编程日记 2023/10/30 16:19:22

基于单片机的太阳跟踪系统的设计

欢迎大家点赞、收藏、关注、评论啦 ，由于篇幅有限，只展示了部分核心代码。技术交流认准下方 CSDN 官方提供的联系方式文章目录概要一、设计的主要内容二、硬件电路设计2.1跟踪控制方案的选择2.1.1跟踪系统坐标系的选择2.2系统总体设计及相关硬件介绍…...

编程日记 2023/10/30 16:18:21

V3Det大规模词汇视觉检测数据集与LaRS海上全景障碍物检测数据集

V3Det与LaRS是ICCV2023上发表的数据集工作，规模都比较大，后续有可能会用到，因此记录下来。 V3Det: Vast Vocabulary Visual Detection Dataset Paper: https://arxiv.org/abs/2304.03752 URL: https://v3det.openxlab.org.cn/ 在现实世界中…...

编程日记 2023/10/30 16:17:20

ubuntu(18.04) 安装 blast

1、下载 https://ftp.ncbi.nlm.nih.gov/blast/executables/blast/LATEST/2、解压，配置环境变量 tar zvxf ncbi-blast-2.14.1-x64-linux.tar.gz解压后改名为 blast 配置环境变量，可以不配置使用的时候直接绝对路径使用 vim ~/.bashrc 将下面添加道最…...

编程日记 2023/10/30 16:14:17

3.2每日一题（定积分求抽水做工问题）

1、画图，把题目的容器画出来：球形容器，半径为R 2、根据容器的形状进行分析： 抽水的实质是不同深度的水抽出去走的位移是不一样的>抽水的过程 ： （1）先考虑深度为 x到xdx 的薄层水抽出去做多少…...

编程日记 2023/10/30 16:11:14

c语言基础：L1-063 吃鱼还是吃肉

国家给出了 8 岁男宝宝的标准身高为 130 厘米、标准体重为 27 公斤；8 岁女宝宝的标准身高为 129 厘米、标准体重为 25 公斤。现在你要根据小宝宝的身高体重，给出补充营养的建议。输入格式： 输入在第一行给出一个不超过 10 的正整数 N&am…...

编程日记 2023/10/30 16:09:12

＜if＞标签中使用了不正确的语法。在 XML 中，＜if＞标签不需要使用＜![CDATA[ ... ]]＞将条件语句包装起来。否则会报错

标签中使用了不正确的语法。在 XML 中， 标签不需要使用 <![CDATA[ ... ]]> 将条件语句包装起来。否则会报错...

编程日记 2023/10/30 16:05:08

Ubuntu 诞生 19 年

导读2004 年 10 月 20 日，Ubuntu 4.10 正式发布，代号‘Warty Warthog’。作为 Ubuntu 第一个版本，4.10 问世后立刻受到广大 Linux 用户欢迎。它搭载了当时最新的 GNOME 2.8 桌面环境，以及一系列实用软件，比如 Mozilla…...

编程日记 2023/10/30 16:03:06

JVM进阶(3)

一)什么是垃圾？ 垃圾指的是在应用程序中没有任何指针指向的对象，这个对象就是需要被回收的垃圾，如果不及时的针对内存中的垃圾进行清理，那么这些垃圾对象所占用的内存空间可能一直保留到应用程序结束，被保留的空间无法…...

编程日记 2023/10/30 16:01:04

Qt QWidget、QDialog、QMainWindow的区别

QWidget QWidget是Qt框架中最基础的窗口类，可以理解为用户界面的最基本单元。QWidget类提供了一个空白窗口，可以通过继承该类来创建自定义的窗口类。QWidget类提供了基本的窗口属性和方法，如大小、位置、标题、图标等。 QDialog QDialog是…...

编程日记 2023/10/30 16:00:01

软考系统架构设计师系列知识点之设计模式（10）

接前一篇文章：软考系统架构设计师系列知识点之设计模式（9） 所属章节： 老版（第一版）教材第7章. 设计模式第2节. 设计模式实例相关试题 9. 某软件公司欲设计一款图像处理软件，帮助用户对拍…...

编程日记 2023/10/30 15:57:59

【python爬虫】设计自己的爬虫 1. request封装

通过requests.session().request 封装request方法考虑到请求HTTP/2.0 同时封装httpx 来处理HTTP/2.0的请求封装requests # 遇到请求失败的情况时重新请求，请求5次等待2s retry(stop_max_attempt_number5, retry_on_resultlambda re_data: re_data is None, wai…...

编程日记 2023/10/30 15:55:56

8.0 新特性 - innodb_ddl_threads

前言 MySQL 8.0.27 引入了一个新变量来控制 InnoDB 可用于创建（排序和构建）二级索引的最大并行线程数：innodb_ddl_threads 通过调整该参数，可以提升二级索引的创建速度。参数介绍 1. innodb_ddl_threads 创建二级索引时&…...

编程日记 2023/10/30 15:53:55

7.4.分块查找

一.分块查找的算法思想： 1.实例： 以上述图片的顺序表为例， 该顺序表的数据元素从整体来看是乱序的，但如果把这些数据元素分成一块一块的小区间， 第一个区间[0,1]索引上的数据元素都是小于等于10的， 第二…...

编程新知 2025/12/16 10:12:39

【杂谈】-递归进化：人工智能的自我改进与监管挑战

递归进化：人工智能的自我改进与监管挑战文章目录递归进化：人工智能的自我改进与监管挑战1、自我改进型人工智能的崛起2、人工智能如何挑战人类监管？3、确保人工智能受控的策略4、人类在人工智能发展中的角色5、平衡自主性与控制力6、总结与…...

编程新知 2025/12/9 0:22:01

docker详细操作--未完待续

docker介绍 docker官网: Docker：加速容器应用程序开发 harbor官网：Harbor - Harbor 中文使用docker加速器: Docker镜像极速下载服务 - 毫秒镜像是什么 Docker 是一种开源的容器化平台，用于将应用程序及其依赖项（如库、运行时环…...

编程新知 2025/12/15 20:23:19

为什么需要建设工程项目管理？工程项目管理有哪些亮点功能？

在建筑行业，项目管理的重要性不言而喻。随着工程规模的扩大、技术复杂度的提升，传统的管理模式已经难以满足现代工程的需求。过去，许多企业依赖手工记录、口头沟通和分散的信息管理，导致效率低下、成本失控、风险频发。例如&#…...

编程新知 2025/12/19 3:14:31

C++ 基础特性深度解析

目录引言一、命名空间（namespace） C 中的命名空间与 C 语言的对比二、缺省参数 C 中的缺省参数与 C 语言的对比三、引用（reference） C 中的引用与 C 语言的对比四、inline（内联函数…...

编程新知 2025/10/17 0:18:22

DBAPI如何优雅的获取单条数据

API如何优雅的获取单条数据案例一对于查询类API，查询的是单条数据，比如根据主键ID查询用户信息，sql如下： select id, name, age from user where id #{id}API默认返回的数据格式是多条的，如下： {&qu…...

编程新知 2025/12/16 5:19:07

Matlab | matlab常用命令总结

常用命令一、基础操作与环境二、矩阵与数组操作（核心）三、绘图与可视化四、编程与控制流五、符号计算 (Symbolic Math Toolbox)六、文件与数据 I/O七、常用函数类别重要提示这是一份 MATLAB 常用命令和功能的总结，涵盖了基础操作、矩阵运算、绘图、编程和文件处理等…...

编程新知 2025/8/11 1:05:59

MySQL用户和授权

开放MySQL白名单可以通过iptables-save命令确认对应客户端ip是否可以访问MySQL服务： test: # iptables-save | grep 3306 -A mp_srv_whitelist -s 172.16.14.102/32 -p tcp -m tcp --dport 3306 -j ACCEPT -A mp_srv_whitelist -s 172.16.4.16/32 -p tcp -m tcp -…...

编程新知 2025/8/25 19:12:45

html-＜abbr＞缩写或首字母缩略词

定义与作用 <abbr> 标签用于表示缩写或首字母缩略词，它可以帮助用户更好地理解缩写的含义，尤其是对于那些不熟悉该缩写的用户。 title 属性的内容提供了缩写的详细说明。当用户将鼠标悬停在缩写上时，会显示一个提示框。示例&#x…...

编程新知 2025/12/9 20:17:56

20个超级好用的 CSS 动画库

分享 20 个最佳 CSS 动画库。它们中的大多数将生成纯 CSS 代码，而不需要任何外部库。 1.Animate.css 一个开箱即用型的跨浏览器动画库，可供你在项目中使用。 2.Magic Animations CSS3 一组简单的动画，可以包含在你的网页或应用项目中。 3.An…...

编程新知 2025/12/17 19:28:06

相关文章：