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

第七十四：前端实现点击页面某个菜单跳转到对应的锚点功能

news 2026/4/1 15:03:47

1.用js来实现

scrollIntoView方法

先定义个id或者class随意，因为我是循环好几个小模块所以用动态的来实现
在这里插入图片描述

点击的时候传对应的类名进行滑动

在这里插入图片描述
document.getElementById(item.variableCode).scrollIntoView({behavior:“smooth”});

加上behavior:“smooth” 进行平滑滚动
在这里插入图片描述

相关文章：

第七十四：前端实现点击页面某个菜单跳转到对应的锚点功能

1.用js来实现 scrollIntoView方法 先定义个id或者class随意，因为我是循环好几个小模块所以用动态的来实现 点击的时候传对应的类名进行滑动 document.getElementById(item.variableCode).scrollIntoView({behavior:“smooth”}); 加上behavior:“smooth” 进行平…...

编程日记 2024/8/20 7:07:02

PyTorch分布式训练全攻略：DistributedDataParallel精解与实战

标题：PyTorch分布式训练全攻略：DistributedDataParallel精解与实战 在深度学习飞速发展的今天，模型的规模和数据集的体量不断增长，单机单卡的训练方式已难以满足需求。分布式训练以其卓越的扩展性和效率，成为解决这一…...

编程日记 2024/8/20 7:06:01

Python(TensorFlow)多模光纤光束算法和GPU并行模拟

🎯要点 🎯多模光纤包含光学系统线性和非线性部分 | 🎯单变量线性回归、多变量线性回归、人脸图像年龄预测、音频语音分类和 X 射线图像评估算法 | 🎯在空间光调制器记录海螺参数矩阵，光束算法多变量预测年龄 | &#…...

编程日记 2024/8/20 7:05:00

实战Kubernetes之快速部署 K8s 集群 v1.28.0

文章目录 一、前言二、主机准备三、系统配置3.1. 关闭防火墙及相关配置3.2. 修改主机名3.3. 主机名DNS解析3.4. 时间同步3.5. 配置网络3.6. 重启服务器 四、安装软件4.1. 安装 Docker4.2. 安装 cri-dockerd4.3. 添加国内YUM源4.4. 安装 kubeadm、kubelet 和 kubectl 五、Master…...

编程日记 2024/8/20 7:02:58

YOLO知识点总结：

分类： 即是将图像结构化为某一类别的信息，用事先确定好的类别(category)或实例ID来描述图片。这一任务是最简单、最基础的图像理解任务，也是深度学习模型最先取得突破和实现大规模应用的任务。其中，ImageNet是最权威的评测集&…...

编程日记 2024/8/20 7:00:55

合宙LuatOS AIR700 IPV6 TCP 客户端向NodeRed发送数据

为了验证 AIR700 IPV6 ，特别新建向NodeRed Tcp发送的工程。 Air700发送TCP数据源码如下： --[[ IPv6客户端演示, 仅EC618系列支持, 例如Air780E/Air600E/Air780UG/Air700E ]]-- LuaTools需要PROJECT和VERSION这两个信息 PROJECT "IPV6_SendDate_N…...

编程日记 2024/8/20 6:59:54

git 如何生成sshkey公钥

打开git客户端 输入 ssh-keygen -t rsa -b 4096 -C "xxxxxxexample.com" 然后根据提示按enter 或者y 直到出现下图所示 打开 c盘的路径下的文件，/c/Users/18159/.ssh/id_rsa.pub 将id_rsa.pub中的公钥贴到git 网站上的SSH keys即可...

编程日记 2024/8/20 6:55:50

python从入门到精通：函数

目录 1、函数介绍 2、函数的定义 3、函数的传入参数 4、函数的返回值 5、函数说明文档 6、函数的嵌套调用 7、变量的作用域 1、函数介绍 函数是组织好的，可重复使用的，用来实现特定功能的代码段。 name "zhangsan"; length len(nam…...

编程日记 2024/8/20 6:54:49

【Android性能篇】如何分析 dumpsys meminfo 信息

一、dumpsys meminfo是什么 dumpsys meminfo 是一个用于分析Android设备内存使用情况的强大命令。 二、dumpsys meminfo的关键信息 要分析其输出信息，我们需要注意以下几个关键点： Total PSS by OOM adjustment：这个值表示每个进程的总比…...

编程日记 2024/8/20 6:53:48

c＋＋进阶——继承的定义，复杂的菱形继承及菱形虚拟继承

目录 前言： 1.继承的概念及定义 1.1继承的概念 1.2 继承定义 1.2.2继承关系和访问限定符 1.2.3继承基类成员访问方式的变化 2.基类和派生类对象赋值转换 3.继承中的作用域 4.派生类的默认成员函数 5.继承与友元 6. 继承与静态成员 7.复杂的菱形继承及菱…...

编程日记 2024/8/20 6:49:44

计算机网络：DNS、子网掩码、网关

参考： https://blog.csdn.net/weixin_55255438/article/details/123074896 https://zhuanlan.zhihu.com/p/65226634 在计算机网络中，DNS（Domain Name System，域名系统）、子网掩码（Subnet Mask）…...

编程日记 2024/8/20 6:48:43

程序员如何学习开源项目

程序员如何学习开源项目 豆包MarsCode使用豆包MarsCode学习开源项目步骤导入git上开源的项目 豆包MarsCode https://www.marscode.cn/home 使用豆包MarsCode学习开源项目 步骤 https://www.marscode.cn/dashboard 导入git上开源的项目 找到项目的README.md文件，使…...

编程日记 2024/8/20 6:47:43

探索数据结构：红黑树的分析与实现

✨✨ 欢迎大家来到贝蒂大讲堂✨✨ 🎈🎈养成好习惯，先赞后看哦~🎈🎈 所属专栏：数据结构与算法 贝蒂的主页：Betty’s blog 1. 红黑树的介绍 1.1. 红黑树的引入 我们前面学习了AVL树，…...

编程日记 2024/8/20 6:46:41

【设计模式】装饰器模式和适配模式

装饰器模式 装饰器模式能够很好的对已有功能进行拓展，这样不会更改原有的代码，对其他的业务产生影响，这方便我们在较少的改动下对软件功能进行拓展。 类似于 router 的前置守卫和后置守卫。 Function.prototype.before function (beforeFn)…...

编程日记 2024/8/20 6:43:37

Visual Studio VS 插件之 ReSharper

集成在VS2022上的ReSharper暂无找到汉化方式，如果有大神可以汉化，请指导下。 首先ReSharper 是IDE 下的插件 主要是基于C# 语句优化的这么一个插件。 使用ReSharper可以使开发效率大大提高，但是也是比较吃电脑的配置。所以说如果配置低的小…...

编程日记 2024/8/20 6:42:36

【二分查找】--- 进阶题目赏析

Welcome to 9ilks Code World (๑•́ ₃ •̀๑) 个人主页: 9ilk (๑•́ ₃ •̀๑) 文章专栏： 算法Journey 本篇博客我们继续来了解一些有关二分查找算法的进阶题目。 🏠 寻找峰值 📌 题目内容 162. 寻找峰值 - 力扣&#…...

编程日记 2024/8/20 6:40:34

CSS 对齐

CSS 对齐 在网页设计中，CSS（层叠样式表）对齐是一种基本而重要的技术，它决定了网页元素的位置和布局。CSS 提供了多种对齐方法，可以精确控制元素的水平、垂直对齐，以及相对于其父元素或整个页面的位置。本文…...

编程日记 2024/8/20 6:39:33

暑假算法刷题日记 Day 10

目录 重点整理 054、 拼数 题目描述 输入格式 输出格式 输入输出样例 核心思路 代码 055、 求第k小的数 题目描述 输入格式 输出格式 输入输出样例 核心思路 代码 总结 这几天我们主要刷了洛谷上排序算法对应的一些题目，相对来说比较简单 一共是13道…...

编程日记 2024/8/20 6:38:32

【Midjourney】AI作画提示词工程：精细化技巧与高效实践指南

文章目录 💯AI作画提示词基础结构1 图片链接1.1 上传流程 2 文字描述3 后置参数 💯AI作画提示词的文字描述结构1 主体主体细节描述2 环境背景2.1 环境2.2 光线2.3 色彩2.4 氛围 3 视角4 景别构图5 艺术风格6 图片制作方法7 作品质量万能词 💯…...

编程日记 2024/8/20 6:37:31

C语言——文件

文件操作 概念 文件是指存储在外存储器上（一般代指磁盘，也可以是U盘，移动硬盘等）的数据的集合。 文件操作体现在哪几个方面 1.文件内容的读取 2.文件内容的写入 数据的读取和写入可被视为针对文件进行输入和输出的操作&#xf…...

编程日记 2024/8/20 6:34:27

United VARs CoE创享会重回上海，全球伙伴共议AI时代云ERP演进

时隔七年，United VARs Cloud ERP CoE 创享会再次回到中国！3月10日至12日，由Acloudear司享承办的United VARs Cloud ERP CoE 创享会在上海举行。来自全球多家United VARs成员机构及SAP的专家与管理者齐聚上海，围绕 Cloud ERP 战略、…...

编程新知 2026/4/1 14:41:08

周末高质量遛娃，你真的找对地方了吗？

“周末想高质量遛娃，却不知找对地方了没？” 周末对于家长来说，是陪伴孩子的黄金时间，都希望能给孩子一段既有趣又有意义的时光。但究竟哪里才是高质量遛娃的好去处呢？下面就为您详细解答。遛娃地点基础认知类Q&#xf…...

编程新知 2026/4/1 14:37:01

企业信息化升级必备：OA系统的功能与优势

企业信息化升级，OA系统开启高效办公新时代在当今数字化飞速发展的时代，企业的信息化升级已成为提升竞争力的关键。而OA系统，作为企业办公自动化的核心工具，正逐渐成为企业高效办公的新标配。一、OA系统的重要性OA系统，…...

编程新知 2026/4/1 13:37:10

实测美胸-年美-造相Z-Turbo：一键部署，效果超乎想象

实测美胸-年美-造相Z-Turbo：一键部署，效果超乎想象 1. 镜像简介与核心特点 美胸-年美-造相Z-Turbo是基于Xinference框架部署的文生图模型服务，专为快速生成高质量图像而设计。这个镜像继承了Z-Image-Turbo的优秀基因，并针对特定…...

编程新知 2026/4/1 12:50:26

CF1249D2 Too Many Segments (hard version)

给你 条线段，每条线有起始点 和终止点 ，线段会覆盖一个直线上的 到 的所有点，问你取消多少条线段后可以使每一个点都不被大于 的数量的线段覆盖。 ## 前置知识 考虑对于第 个点，之前的所有点都满足了要求，如果 …...

编程新知 2026/4/1 12:44:22

Fish-Speech 1.5效果展示：双自回归Transformer架构，语音质量惊艳

Fish-Speech 1.5效果展示：双自回归Transformer架构，语音质量惊艳 你听过那种一听就知道是机器人的AI语音吗？生硬、刻板，每个字都像从模板里抠出来的，毫无生气。再听听这个：“今天天气真好，适合…...

编程新知 2026/4/1 11:51:47

3步轻松下载B站视频：BilibiliDown图形化下载器完整指南

3步轻松下载B站视频：BilibiliDown图形化下载器完整指南 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader 😳 项目地址: https://gitcode.com/gh_mirrors/…...

编程新知 2026/4/1 11:13:34

电容耦合等离子刻蚀（CCP）在先进芯片制造中的关键作用与工艺优化

1. 电容耦合等离子刻蚀（CCP）技术解析 第一次接触CCP刻蚀设备时，我被它那看似简单却暗藏玄机的结构震撼到了——两块金属电极板，加上射频电源，就能实现纳米级的精密加工。这种利用电容耦合原理产生等离子体的技术&#…...

编程新知 2026/4/1 11:07:28

cool-admin(midway版)前端路由缓存：include与exclude配置策略

cool-admin(midway版)前端路由缓存：include与exclude配置策略 【免费下载链接】cool-admin-midway 🔥 cool-admin(midway版)一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于midway.js 3.x…...

编程新知 2026/4/1 10:55:13

【Python内存管理黄金法则】：20年SRE亲授生产环境OOM崩溃前的5个关键干预点

第一章：Python智能体内存管理策略的底层认知与生产意义Python智能体（如基于LLM的Agent系统）在长时间运行、多轮对话与状态缓存场景下，内存行为远超传统脚本应用。其内存压力不仅来自模型权重加载，更源于动态生成的中间…...

编程新知 2026/4/1 10:53:12