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

vant4 van-list组件的使用

news 来源：原创 2025/5/12 6:01:46

<van-listv-if="joblist && joblist.length > 0"v-model:loading="loading":finished="finished":immediate-check="false"finished-text="没有更多了"@load="onLoad">

// 加载
const loading = ref(false);
// 全部加载完毕
const finished = ref(false);// 加载更多触底事件
const onLoad = async () => {if (joblist.value.length < total.value) {searchform.value.pageNum++;await getjoblist();loading.value = false;} else {loading.value = false;finished.value = true;}
};const getjoblist = async () => {
//同步写法会出错？！const res = await queryJoblist(searchform.value);if (res.code === 200) {total.value = res.total;//使用concat将新数据和原来的列表拼接在一起，不能直接赋值joblist.value = joblist.value.concat(res.rows);}
};

注意！！！
要使用concat将新数据和原来的列表拼接在一起，不能直接赋值，否则每次请求后的页面高度都是在页面底部，导致一直触发onLoad方法请求接口多次

vant4 van-list组件的使用

<van-listv-if"joblist && joblist.length > 0"v-model:loading"loading":finished"finished":immediate-check"false"finished-text"没有更多了"load"onLoad">// 加载 const loading ref(fals…...

编程日记 2025/5/12 6:01:46

QT 异步编程之多线程

一、概述 1、在进行桌面应用程序开发的时候，假设应用程序在某些情况下需要处理比较复制的逻辑，如果只有一个线程去处理，就会导致窗口卡顿，无法处理用户的相关操作。这种情况下就需要使用多线程，其中一个线程处理窗口事…...

编程日记 2025/5/12 5:13:18

HCIA项目实践---OSPF的知识和原理总结

9.5 OSPF 9.5.1 从哪些角度评判一个动态路由协议的好坏？ （1）选路佳（是否会出环） OSPF 协议采用链路状态算法，通过收集网络拓扑信息来计算最短路径，从根本上避免了路由环路的产生。 &#xff08…...

编程日记 2025/5/12 5:10:09

DNS污染：网络世界的“隐形劫持”与防御

在互联网的底层架构中，DNS（域名系统）如同数字世界的“导航员”，将用户输入的域名翻译成机器可读的IP地址。然而，DNS污染（DNS Poisoning）正像一场无声的“地址篡改”危机，威胁着全球网…...

编程日记 2025/5/12 4:00:45

Shader Feature 设置Keyword //0:Red 1:Green 2:Blue Mat.SetInt(“_Color”,0); 需要在创建时进行设置，运行时不可设置 Shader "Unlit/KeywordEnum" {Properties{[KeywordEnum(Red,Green,Blue)] _Color("Color",int) 0}SubShader{Pass{HLSL…...

编程日记 2025/5/12 5:52:29

Java-数据结构-栈与队列(常考面试题与单调栈)

在上一篇的学习中，我们学习了栈和队列的基本知识，以及它们对应都有哪些方法，在什么应用场景下如何使用，并且还对它们进行了模拟实现，而其实对于栈和队列的相关知识还远不止于此，而今天我们就对栈与队列进行…...

编程日记 2025/5/12 5:51:27

Python Pandas（11）：Pandas 数据可视化

数据可视化是数据分析中的重要环节，它帮助我们更好地理解和解释数据的模式、趋势和关系。通过图形、图表等形式，数据可视化将复杂的数字和统计信息转化为易于理解的图像，从而便于做出决策。Pandas 提供了与 Matplotlib 和 Seaborn 等可视化库…...

编程日记 2025/5/12 4:14:50

wordpress模板文件结构超详解

wordpress网站建设中，主题的制作是最为核心的环节。了解模板文件结构是模板制作的第一步，本文所讲的模板文件结构包括两部分，一是指以文件名为概念的文件结构，二是指文件内容的代码结构。一、如何使模板文件起作用 ↑ wordpres…...

编程日记 2025/5/12 5:27:29

大脑神经网络与机器神经网络的区别

大脑神经网络（生物神经网络）与机器神经网络（人工神经网络，ANN）虽然名称相似，但在结构、功能、学习机制等方面存在显著差异。以下是两者的主要区别： 1. 基础结构与组成大脑神经网络：由生物神经元（约860亿个）通过突触连接形成动态网络。神经元通过电化学信号（动作…...

编程日记 2025/5/12 5:30:39

【H5自适应】高端科技类pbootcms网站模板 – 三级栏目、下载与招聘功能支持

(H5自适应)高端大气的科技类pbootcms网站模板带三级栏目、下载和招聘功能后台地址：您的域名/admin.php 后台账号：admin 后台密码：123456 为了提升系统安全，请将后台文件admin.php的文件名修改一下。修改之后，后台…...

编程日记 2025/5/12 4:54:46

SQL-leetcode—1661. 每台机器的进程平均运行时间

1661. 每台机器的进程平均运行时间表: Activity ----------------------- | Column Name | Type | ----------------------- | machine_id | int | | process_id | int | | activity_type | enum | | timestamp | float | ----------------------- 该表展示了一家工厂网站的…...

编程日记 2025/5/12 5:42:39

C++ Primer 跳转语句

欢迎阅读我的【CPrimer】专栏专栏简介：本专栏主要面向C初学者，解释C的一些基本概念和基础语言特性，涉及C标准库的用法，面向对象特性，泛型特性高级用法。通过使用标准库中定义的抽象设施，使你更加适应高级…...

编程日记 2025/5/12 0:17:12

清华大学：DeepSeek 如何赋能职场应用（35 页 PDF）

原来已经分享过清华大学的 DeepSeek：从入门到精通（100页PDF） 现在又来第二弹：《DeepSeek 如何赋能职场应用？从提示语技巧到多场景应用》 PDF里介绍了 DeepSeek 这一人工智能工具及其在职场中的应用，从基础…...

编程日记 2025/5/9 15:01:08

idea 错误: 找不到或无法加载主类 @C:\Users\admin\AppData\Local\Temp\idea_arg_file1549212448

idea 错误: 找不到或无法加载主类 C:\Users\admin\AppData\Local\Temp\idea_arg_file1549212448 该错误往往和左下角爱弹出的如下提示是一个意思 Error running ‘PayV3Test1.testTransferBatchesBatchId’ Error running PayV3Test1.testTransferBatchesBatchId. Command lin…...

编程日记 2025/5/1 12:42:54

开发指南098-logback-spring.xml说明

可执行的工程src\main\resources目录有logback-spring.xml文件用于配置日志。配置日志有些容易犯晕的地方，这里列出： 1、<logger>标签的优先级高于<root>标签‌：所以，如果<logger>标签指定了某个具体的包或类的…...

编程日记 2025/5/1 12:43:57

【SpringBoot3.x+】slf4j-log4j12依赖引入打印日志报错的两种解决方法

最开始引入了1.7.5版本的slf4j-log4j依赖包，但是控制台不报错也不显示日志在https://mvnrepository.com/找到最新的2.0.16版本之后出现报错： 进入提示的slf4j网站中可以找到从2.0.0版本开始，slf4j-log4j已经被slf4j-reload4j取代&#xff1…...

编程日记 2025/5/7 18:25:49

【STM32】H743的以太网MAC控制器的一个特殊功能

调试743的MAC，翻阅手册的时候，发现了一个有意思的功能混杂模式 H743的MAC控制器，可以设置为混杂模式，这就意味着它可以做一些网络监控的应用，譬如连接具备端口镜像功能的交换机，然后直接代替PC实现网络数据…...

编程日记 2025/5/8 2:23:29

Java LinkedList(单列集合)

LinkedList 是 Java 中实现了 List 接口的一个类，它属于 java.util 包。与 ArrayList 不同，LinkedList 是基于双向链表实现的，适合于频繁进行插入和删除操作的场景。 1. LinkedList 的基本特性基于链表实现：LinkedList 使用双向…...

编程日记 2025/5/7 17:34:39

docker compose快速部署kafka-connect集群

先部署kafka集群，启动参考：docker compose部署kafka集群-CSDN博客创建timezone文件，内容填写Asia/Shanghai 再部署kafka-connect集群 networks: net: external: true services: kafka-connect1: restart: always image:…...

编程日记 2025/5/11 17:43:35

docker 部署nginx，nginx 504

遇到问题原因： 因为用的docker 部署nginx, docker 应用与服务之间的端口未开放，导致访问不到服务。...

编程日记 2025/5/11 5:54:59

RealClip正式发布：重新定义轻量化数字内容交互体验

在移动互联网流量红利逐渐见顶的当下，用户对即时性、碎片化娱乐与交互体验的需求持续攀升。轻量化小游戏、VR互动、数字孪生、工业仿真等内容形态迅速崛起，但开发者却面临两大核心矛盾：如何将高性能互动内容轻量化嵌入现有应用中？…...

编程日记 2025/5/6 8:42:21

SQLMesh系列教程-2：SQLMesh入门项目实战（上篇）

假设你已经了解SQLMesh是什么，以及其他应用场景。如果没有，我建议你先阅读《SQLMesh系列教程-1：数据工程师的高效利器-SQLMesh》。在本文中，我们将完成一个小项目或教程，以帮助你开始使用SQLMesh。你可以选择一步一步…...

编程日记 2025/5/9 14:29:35

把 DeepSeek1.5b 部署在显卡小于4G的电脑上

这里写自定义目录标题介绍准备安装 Ollama查看CUDA需要版本安装CudaToolkit检查Cuda是否装好设置Ollama环境变量验证是否跑在GPU上ollama如何导入本地下载的模型安装及配置docker安装open-webui启动open-webui开始对话调整gpu精度介绍 Deepseek1.5b能够运行在只用cpu和gpu内…...

编程日记 2025/5/6 5:49:21

#渗透测试#批量漏洞挖掘#29网课交单平台 SQL注入

免责声明本教程仅为合法的教学目的而准备，严禁用于任何形式的违法犯罪活动及其他商业行为，在使用本教程前，您应确保该行为符合当地的法律法规，继续阅读即表示您需自行承担所有操作的后果，如有异议，请立即停止本文章读。目录 1. 漏洞原理 2. 漏洞定位 3. 攻击验证示…...

编程日记 2025/5/5 9:55:34

试试DeepSeek写prompt+stable diffusion生成漫画

#deepseek #stable diffusion 模型：dreamshaperXL_v21TurboDPMSDE.safetensors 一、情节拟定漫画情节由deepseek自编自导，画幅为四张。 Prompt 1: 魔法觉醒 "一个平凡的少年在阁楼发现一本古老的魔法书，书页散发着微弱的蓝光。画…...

编程日记 2025/5/6 0:25:36

java面试题之 int和Integer的区别

int和Integer的区别 1、Integer是int的包装类，int则是java的一种基本数据类型 2、Integer变量必须实例化后才能使用，而int变量不需要 3、Integer实际是对象的引用，当new一个Integer时，实际上是生成一个指针指向此对象&#xff1b…...

编程日记 2025/5/11 3:00:22

Spring Bean的生命周期

1、对象实例化 2、属性设置 3、初始化 4、使用 5、销毁示例代码如下： import org.springframework.stereotype.Component;Component public class SpringBeanA {public SpringBeanA() {System.out.println("第一步：实例化(spring对象&#x…...

编程日记 2025/5/10 15:47:21

Vue 发送 PDF 文件链接到 WinForm 程序进行打印

Vue 发送 PDF 文件链接到 WinForm 程序进行打印的完整流程如下： 1. Vue 端 Vue 通过 fetch 或 axios 发送 PDF 文件的 URL 给 WinForms 程序（WinForms 需要开启一个本地 API）。 <template><div><button click"sendPri…...

编程日记 2025/5/11 15:56:15

Vue笔记（十）

一、AI的基本认知二、ChatGPT的基本使用三、AI插件--Copilot入门 1.Copilot是由OpenAI和GitHub合作开发的AI编程辅助插件，基于大量代码训练，能根据上下文自动生成代码建议。 2.安装与配置：在常用代码编辑器（如Visual Studio Cod…...

编程日记 2025/5/7 4:39:21

使用LangChainV3.0加载PDF文件并进行总结

LangChain目前已经更新到了V3版本，之前一直使用的V1版本，有很多方法都需要自己去封装，这次重新看了V3版本的API文档，很多方法都十分便利，调用方法简单明了十分方便，下面就来展示下这次对于PDF文件加载的优化…...

编程日记 2025/5/5 2:59:44

玩转大语言模型——使用Kiln AI可视化环境进行大语言模型微调数据合成

系列文章目录玩转大语言模型——使用langchain和Ollama本地部署大语言模型玩转大语言模型——三分钟教你用langchain提示词工程获得猫娘女友玩转大语言模型——ollama导入huggingface下载的模型玩转大语言模型——langchain调用ollama视觉多模态语言模型玩转大语言模型—…...

编程日记 2025/5/9 18:04:57

EasyRTC智能硬件：小体积，大能量，开启音视频互动新体验

在万物互联的时代，智能硬件正以前所未有的速度融入我们的生活。然而，受限于硬件性能和网络环境，许多智能硬件在音视频互动体验上仍存在延迟高、卡顿、回声等问题，严重影响了用户的使用体验。 EasyRTC智能硬件，凭借其强…...

编程日记 2025/5/9 2:14:58

vue知识点5

1.如何让组件里的样式与其他组件互相不干扰 scope范围的意思 <style scope> </style> 2.vue的生命周期创建挂载更新销毁 3.vue的四个生命周期详解创建beforeCreate,created 挂载 beforeMount,mounted 更新 beforeUpdate,updated 销毁 beforeDest…...

编程日记 2025/5/10 10:54:21

qt的QSizePolicy的使用

使用 QSizePolicy 设置控件的伸缩因子在 Qt 中，QSizePolicy 控制控件如何在布局中伸缩。如果想要影响控件的大小调整行为，可以通过 QSizePolicy::setHorizontalStretch() 和 QSizePolicy::setVerticalStretch() 设置伸缩因子。基本用法假设我们有一个…...

编程日记 2025/5/8 11:13:41

基于 FFmpeg 和 OpenGLES 的 iOS 视频预览和录制技术方案设计

基于 FFmpeg 和 OpenGLES 的 iOS 视频预览和录制技术方案设计在 iOS 上实现一个基于 FFmpeg 和 OpenGLES 的视频预览和录制功能，需要结合 FFmpeg 的强大音视频处理能力和 OpenGLES 的高效图形渲染能力。以下是一个完整的技术方案设计，包含项目的架构设计、模块划分、技术选…...

编程日记 2025/5/5 10:56:39

如何保障 MySQL 和 Redis 的数据一致性

在现代分布式系统中，确保不同数据存储（如 MySQL 和 Redis）之间的一致性是一个常见的挑战。MySQL 是一种关系型数据库管理系统，而 Redis 是一种内存中的键值存储系统，通常用于缓存和快速访问数据。本文将详细介绍几种保…...

编程日记 2025/5/6 7:06:08

【LeetCode Hot100 子串】和为 k 的子数组、滑动窗口最大值、最小覆盖子串

子串 1. 和为 k 的子数组题目描述解题思路主要思路步骤时间复杂度与空间复杂度代码实现 2. 滑动窗口最大值题目描述解题思路双端队列的原理：优化步骤： Java实现 3. 最小覆盖子串题目描述解题思路滑动窗口的基本思路：具体步骤：算法…...

编程日记 2025/5/11 6:02:12

【CLIP系列】4：目标检测（ViLD、GLIP）

目录 1 ViLD2 GLIP2.1 前言2.2 损失计算2.3 模型框架 1 ViLD OPEN-VOCABULARY OBJECT DETECTION VIA VISION AND LANGUAGE KNOWLEDGE DISTILLATION 从标题就能看出来，作者是把CLIP模型当成一个Teacher，去蒸馏他自己的网络，从而能Zero Shot去…...

编程日记 2025/5/10 4:26:12

vue-谷歌浏览器安装vue-devtools插件

文章目录一、谷歌浏览器安装vue-devtools1.1、方式一：直接下载crx并安装本文讲解谷歌浏览器安装vue-devtools插件的步骤。注意：以下vue-devtools插件都是vue2版本的。一、谷歌浏览器安装vue-devtools 1.1、方式一：直接下载crx并安装 …...

编程日记 2025/5/10 8:48:30

【安全测试】0基础新手学Web安全测试笔记（一）

文章目录一、关于账号密码的漏洞二、关于验证码的漏洞三、Burp工具的使用四、渗透测试1. 渗透测试类型2. 脆弱性评估五、常见的应用安全风险1. 注入2. 失效的身份认证3. 敏感数据泄露4. XML外部实体(XXE)5. 失效的访问控制6. 安全配置错误7. 跨站脚本:(XSS)8. 不安全的反序列…...

编程日记 2025/5/5 1:04:30

初窥强大，AI识别技术实现图像转文字（OCR技术）

⭐️⭐️⭐️⭐️⭐️欢迎来到我的博客⭐️⭐️⭐️⭐️⭐️ 🐴作者：秋无之地 🐴简介：CSDN爬虫、后端、大数据、人工智能领域创作者。目前从事python全栈、爬虫和人工智能等相关工作，主要擅长领域有：python…...

编程日记 2025/5/12 2:13:25

JDK 14，15，17的一些新特性(部分常用)

1：instanceof（后，使用不再需要墙转） 2：switch语句增强 1：支持lmbda，自动防击穿，有返回值 2：支持case多个值，复杂逻辑结果支持yield返回 3：字符串…...

编程日记 2025/5/10 12:54:59

架构设计系列（二）：CI/CD

一、概述 CI/CD 是持续集成（Continuous Integration） 和持续交付/持续部署（Continuous Delivery/Continuous Deployment） 的缩写，是现代软件开发中的一套核心实践和工具链，旨在提高软件交付的效率、质量…...

编程日记 2025/5/7 9:19:00

二十六、使用docsify搭建文档管理平台

特性无需构建，写完文档直接发布容易使用并且轻量 (~19kB gzipped)智能的全文搜索提供多套主题丰富的 API...

编程日记 2025/5/8 23:12:28

SpringMVC学习使用

一、SpringMVC简单理解 1.1 Spring与Web环境集成 1.1.1 ApplicationContext应用上下文获取方式应用上下文对象是通过new ClasspathXmlApplicationContext(spring配置文件) 方式获取的，但是每次从容器中获得Bean时都要编写new ClasspathXmlApplicationContext(sp…...

编程日记 2025/5/5 13:28:25

MySQL | MySQL安装教程

MySQL | MySQL安装教程(压缩包（ZIP）安装-详细版) 🪄个人博客：https://vite.xingji.fun MySQL概述 MySQL是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，MySQL AB公司被Sun公司收购，Sun公…...

编程日记 2025/5/10 19:59:25

Vite入门指南

一、什么是Vite？ Vite（法语意为"快速"）是由Vue作者尤雨溪开发的新型前端构建工具。它基于原生ES模块（ESM）实现，具有以下核心优势： 极速启动：冷启动时间比Webpack快10-10…...

编程日记 2025/5/1 14:09:19

DeepSeek 助力 Vue 开发：打造丝滑的进度条

前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏关注哦 💕 目录 Deep…...

编程日记 2025/5/5 9:23:46

左移架构 -- 从攒批，湖仓到使用数据流的实时数据产品

编辑导读: 这篇文章翻译自 Kai Waehner的《The Shift Left Architecture – From Batch and Lakehouse to Real-Time Data Products with Data Streaming》。文章通过数据产品的概念引出了如何创建可重复使用的数据产品使企业能够从当前和未来的数据中获得价值。基于构建数据产…...

编程日记 2025/5/11 18:18:19

用java实现word（docx）转换为pdf格式文档（简单版）

导入依赖 <dependency> <groupId>com.documents4j</groupId> <artifactId>documents4j-local</artifactId> <version>1.0.3</version> </dependency> <dependency>…...

编程日记 2025/5/1 3:16:07

相关文章：