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

使div每次隐藏显示后都从顶部开始

news 2026/4/6 6:18:29

<div ref="addmodel" >

        <!-- 这里内容很长，超出屏幕。。。 -->

</div>

methods:{

// 页面显示时滚动至顶部

    scrollToTop() {

      const addmodel = this.$refs.addmodel;

      if (addmodel) {

        addmodel.scrollTop = 0;

      }

    },

}

在div每次显示或者需要显示顶部的地方调用

this.$nextTick(this.scrollToTop);

相关文章：

使div每次隐藏显示后都从顶部开始

<div ref"addmodel" > <!-- 这里内容很长&#xff0c;超出屏幕。。。 --> </div> methods:{ // 页面显示时滚动至顶部 scrollToTop() { const addmodel this.$refs.addmodel; if (addmodel) { addmodel.scrollTop 0; } }, } 在div每次显示或者…...

编程日记 2024/12/16 0:36:54

资源付费软件开发 资源付费系统源码 资源付费类型小程序APP

应用场景 资源付费软件广泛应用于多个领域&#xff0c;以下是其主要应用场景&#xff1a; 在线教育&#xff1a; 各类教育机构、名师通过资源付费软件提供课程、讲座等学习资源&#xff0c;为学生提供个性化的学习服务。用户可以通过软件学习专业知识、职业技能等&#xff0c…...

编程日记 2024/12/16 0:35:53

文件的读写

所涉及到的函数如下&#xff1a;<stdio.h> 函数介绍网站&#xff1a;cplusplus.com - The C Resources Network 读写文件之前要先打开文件&#xff0c;使用完要关闭文件归返空间&#xff1a; fopen 打开 fclose 关闭 返回的是FILE*型&#xff0c;第一个参数是文…...

编程日记 2024/12/16 0:34:51

城市大脑新型智慧城市数据中台建设方案

建设背景与现状 随着城市化进程的加速&#xff0c;城市数据呈现出爆炸式增长&#xff0c;但数据的整合、共享和利用却面临诸多挑战。信息孤岛、数据冗余、管理分散等问题日益突出&#xff0c;制约了智慧城市的发展。为了解决这些问题&#xff0c;构建城市大脑新型智慧城市数据…...

编程日记 2024/12/16 0:30:46

二三(Node2)、Node.js 模块化、package.json、npm 软件包管理器、nodemon、Express、同源、跨域、CORS

1. Node.js 模块化 1.1 CommonJS 标准 utils.js /*** 目标&#xff1a;基于 CommonJS 标准语法&#xff0c;封装属性和方法并导出*/ const baseURL "http://hmajax.itheima.net"; const getArraySum (arr) > arr.reduce((sum, item) > (sum item), 0);mo…...

编程日记 2024/12/16 0:28:44

【sgFileLink】自定义组件：基于el-link、el-icon标签构建文件超链接组件，支持垃圾桶删除、点击预览视频/音频/图片/PDF格式文件

sgFileLink源代码 <template><div :class"$options.name"><el-link click.stop"clickFile(data)"><img :src"getSrc(data)" /><span>{{ getFileNameAndSize(data) }}</span></el-link><el-linkcl…...

编程日记 2024/12/16 0:24:39

Kafka - 消息乱序问题的常见解决方案和实现

文章目录 概述一、MQ消息乱序问题分析1.1 相同topic内的消息乱序1.2 不同topic的消息乱序 二、解决方案方案一&#xff1a; 顺序消息Kafka1. Kafka 顺序消息的实现1.1 生产者&#xff1a;确保同一业务主键的消息发送到同一个分区1.2 消费者&#xff1a;顺序消费消息 2. Kafka 顺…...

编程日记 2024/12/16 0:23:37

【golang】匿名内部协程，值传递与参数传递

代码例子 下面代码的区别是直接调用循环变量&#xff0c;这里使用的就是这个变量的引用&#xff0c;而不是将参数的副本传递给协程执行 for task : range taskChan {wg.Add(1)go func() {defer wg.Done()task.Do() // 使用外部循环变量}() }func DistributeTasks(taskChan &…...

编程日记 2024/12/16 0:22:36

Jenkins与SonarQube持续集成搭建及坑位详解

Jenkins和SonarQube都是软件开发过程中常用的工具，它们在代码管理、构建、测试和质量管理方面发挥着重要作用。以下是关于Jenkins与SonarQube的作用及整合步骤环境搭建的详细解释： 一、Jenkins与SonarQube的作用 Jenkins： Jenkins是一个开源的持续集成和交付工具，它可以帮…...

编程日记 2024/12/16 0:20:34

.NET6 WebAPI从基础到进阶--朝夕教育

1、环境准备 1. Visual Studio 2022 2. .NET6 平台支持 3. Internet Information Services 服务器&#xff08; IIS &#xff09; 4. Linux 服务器 【 CentOS 系统】 ( 跨平台部署使用 ) 5. Linux 服务器下的 Docker 容器&#xff08; Docker 部署使用&#xff09; …...

编程日记 2024/12/16 0:18:31

购物车案例--分模块存储数据，发送请求数据渲染，底部总计数量和价格

shift鼠标右键&#xff0c;打开powershell&#xff0c;新建项目 自定义 只有一个页面&#xff0c;不涉及路由&#xff0c;勾选vuex,css,babel 无需保存预设 回车项目开始创建 项目用vscode打开 将src里的内容全部清空 将第七天的课程准备代码复制粘贴到src中 刷新页面&…...

编程日记 2024/12/16 0:16:29

PCIe学习笔记

PCIE高速串行数据总线 当拿到一块板子 比如你要用到PCIE 首先要看这块板子的原理图 一般原理图写的是 PCI express 表示PCIE 以下是Netfpga为例下的PCIE插口元件原理图 ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/01dc604fbdc847e8998a978c83c7b2eb.png 一般主…...

编程日记 2024/12/16 0:13:23

The Rise and Potential of Large Language ModelBased Agents:A Survey---讨论

讨论 论法学硕士研究与Agent研究的互利性 近年来&#xff0c;随着激光诱导金属化技术的发展&#xff0c;激光诱导金属化与化学剂交叉领域的研究取得了长足的进步&#xff0c;促进了这两个领域的发展。在此&#xff0c;我们期待着LLM研究和Agent研究相互提供的一些益处和发展机…...

编程日记 2024/12/16 0:03:12

C语言:const的用法

有时候我们希望定义这样一种变量&#xff0c;它的值不能被改变&#xff0c;在整个作用域中都保持固定。例如&#xff0c;用一个变量来表示班级的最大人数&#xff0c;或者表示缓冲区的大小。为了满足这一要求&#xff0c;可以使用 const 关键字对变量加以限定&#xff1a; con…...

编程日记 2024/12/16 0:02:10

Redis - 集合 Set 及代码实战

Set 类型 定义&#xff1a;类似 Java 中的 HashSet 类&#xff0c;key 是 set 的名字&#xff0c;value 是集合中的值特点 无序元素唯一查找速度快支持交集、并集、补集功能 常见命令 命令功能SADD key member …添加元素SREM key member …删除元素SCARD key获取元素个数SI…...

编程日记 2024/12/15 23:57:05

LabVIEW面向对象编程有什么特点？

LabVIEW面向对象编程&#xff08;OOP&#xff09;的特点主要体现在它如何结合传统面向对象编程&#xff08;OOP&#xff09;的理念与LabVIEW的图形化编程模式&#xff0c;提供灵活的抽象和模块化的功能。以下是LabVIEW面向对象编程的几个主要特点&#xff1a; ​ 1. 类&#x…...

编程日记 2024/12/15 23:55:02

配置Nginx自签名SSL证书，支持HTTPS

配置Nginx自签名SSL证书的流程 生成一个SSL自签名证书客户端机器信任这个自签名证书修改RHEL服务器的Nginx配置在客户机用curl测试HTTPS 生成一个SSL自签名证书 在RHEL服务器上, 用openssl命令生成一个自签名证书 openssl genrsa -out server.key 2048 #生成一个2048位的RS…...

编程日记 2024/12/15 23:54:00

使用Spring Boot、VUE实现SSE长连接：跟踪文件上传和任务进度

使用Spring Boot实现SSE长连接&#xff1a;跟踪文件上传和任务进度 文章目录 使用Spring Boot实现SSE长连接&#xff1a;跟踪文件上传和任务进度什么是SSE&#xff1f;使用场景前端库选择安装event-source-polyfill1. 创建SSE连接2. 关闭SSE连接3. 结合Vue.js使用 使用Spring B…...

编程日记 2024/12/15 23:48:53

计算机网络技术基础：3.计算机网络的拓扑结构

网络拓扑结构是指用传输媒体互连各种设备的物理布局&#xff0c;即用什么方式把网络中的计算机等设备连接起来。将工作站、服务站等网络设备抽象为点&#xff0c;称为“节点”&#xff1b;将通信线路抽象为线&#xff0c;称为“链路”。由节点和链路构成的抽象结构就是网络拓扑…...

编程日记 2024/12/15 23:46:50

go-zero(十二)消息队列

go zero 消息队列 在微服务架构中&#xff0c;消息队列主要通过异步通信实现服务间的解耦&#xff0c;使得各个服务可以独立发展和扩展。 go-zero中使用的队列组件go-queue&#xff0c;是gozero官方实现的基于Kafka和Beanstalkd 的消息队列框架,我们使用kafka作为演示。 一、…...

编程日记 2024/12/15 23:43:44

【技术干货】2026 大模型战局前瞻：从 OpenAI SPUD 到 Gemma 4，本地与云端的架构选择与实战接入

摘要 围绕 OpenAI SPUD&#xff08;GPT‑5.5/6 级别&#xff09;、GPC Image 2、DeepSeek V4、QuDeep 3.6 与 Google Gemma 4&#xff0c;本篇从「模型能力演进 → 推理/训练基础设施 → 本地/云端部署架构 → 统一 API 实战」四个维度梳理大模型技术趋势&#xff0c;并给出基于…...

编程新知 2026/4/6 5:18:15

STM32CubeIDE(CUBE-MX HAL库)实战：串口通信从阻塞到DMA的进阶应用

1. 从零开始&#xff1a;STM32CubeIDE与CUBE-MX的串口通信基础 第一次接触STM32的串口通信时&#xff0c;我像大多数初学者一样被各种专业术语搞得晕头转向。直到发现STM32CubeIDE配合CUBE-MX这个可视化配置工具&#xff0c;才真正体会到什么叫"开发效率翻倍"。这里分…...

编程新知 2026/4/6 4:57:56

BurpSuite为什么要配置证书

BurpSuite配置证书&#xff0c;核心是破解HTTPS加密、正常中间人抓包。不配置证书&#xff0c;浏览器报不安全、连不上&#xff1b;配置了证书&#xff0c;解密HTTPS、能看明文、能改包。为什么必须配置证书1.HTTPS是加密的浏览器和服务器之间的通信用TLS/SSL加密&#xff0c;防…...

编程新知 2026/4/6 4:37:12

主流信道模型对比：从COST207到WINNER II的多场景性能解析

1. 信道模型的前世今生&#xff1a;为什么我们需要这么多标准&#xff1f; 第一次接触信道模型时&#xff0c;我也被各种COST、WINNER之类的缩写搞晕了。这就像去超市买酱油&#xff0c;发现货架上摆着生抽、老抽、海鲜酱油、薄盐酱油...其实它们都是为了解决不同场景下的调味需…...

编程新知 2026/4/6 4:03:51

BIOS更新全攻略：从版本检查到安全升级的实用指南

1. BIOS更新前的必要准备 每次打开电脑时&#xff0c;那个一闪而过的黑底白字界面就是BIOS&#xff08;基本输入输出系统&#xff09;&#xff0c;它就像是电脑硬件的"总指挥"。我见过太多人因为盲目刷BIOS导致主板报废的案例&#xff0c;所以更新前一定要做好这些准…...

编程新知 2026/4/6 2:46:31

形式验证实战：5个降低状态空间复杂度的黑科技（附内存控制器案例）

形式验证实战&#xff1a;5个降低状态空间复杂度的黑科技&#xff08;附内存控制器案例&#xff09; 在芯片设计领域&#xff0c;形式验证&#xff08;Formal Verification, FV&#xff09;正逐渐成为确保设计正确性的重要手段。然而&#xff0c;随着设计复杂度的提升&#xff…...

编程新知 2026/4/6 2:28:26

ESP32 PSRAM容器库：STL容器外扩至外部伪静态RAM

1. PSRAM Containers 项目概述PSRAM Containers 是一个面向 ESP32 平台的嵌入式 C 内存容器库&#xff0c;其核心目标是将标准 STL 容器&#xff08;如std::vector、std::deque、std::list、std::map等&#xff09;的功能完整迁移至外部伪静态 RAM&#xff08;Pseudo-Static RA…...

编程新知 2026/4/6 0:30:57

蒙特卡洛方法与科学计算十大经典算法解析

1. 蒙特卡洛方法&#xff1a;从赌场到科学计算的跨界革命 1946年&#xff0c;三位天才科学家在洛斯阿拉莫斯实验室的咖啡时间里&#xff0c;可能不会想到他们正在创造一种将彻底改变科学计算的方法。蒙特卡洛方法的名字来源于摩纳哥著名的赌城&#xff0c;这暗示了其核心思想—…...

编程新知 2026/4/6 0:20:51

Spring-AI 第 13 章 - 多模态消息处理详解

📚 理论基础 什么是多模态 AI？ 多模态 AI（Multimodal AI） 是能够同时处理和生成多种类型数据（文本、图像、音频等）的人工智能系统。 多模态模型架构 ┌──────────────┐ ┌──────────────┐ │ 图像输入 │ │ 文本输入 …...

编程新知 2026/4/5 23:54:22

前端CSS精讲05：Grid网格布局——现代页面最强二维布局方案

文章目录 一、什么是 Grid 布局 二、开启 Grid 三、最核心：划分行和列 1. 定义列数与宽度 2. 定义行数与高度 3. 自适应等分：fr 单位（Grid 神器） 4. 自动适应内容 四、格子之间的间距 五、对齐方式（和 Flex 很像） 1. 整个网格在容器里的位置 2. 整个网格整体对齐 六、子项…...

编程新知 2026/4/5 23:27:47