JS06-class对象
class对象
className
修改样式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {width: 200px;height: 200px;background-color: aqua;}.action {width: 300px;height: 300px;background-color: pnik;margin-left: 100px;}</style>
</head>
<body><div></div><script>let box = document.querySelector('div')box.className = 'action'</script>
</body>
</html>
classList
修改样式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {width: 200px;height: 200px;background-color: aqua;}.action {width: 300px;height: 300px;background-color: pnik;margin-left: 100px;}</style>
</head>
<body><div class="one"></div><script>let box = document.querySelector('div')// add 追加box.classList.add('action')// remove 移除box.classList.remove('one')// 切换类box.classList.toggle('one')</script>
</body>
</html>
修改表单属性
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><input type="text" name="" id="" value="请输入"><button disabled>按钮</button><input type="checkbox" name="" id="" class="agree"><script>let input = document.querySelector('input')input.value = '小米'input.type = 'password'let btn =document.querySelector('button')btn.disabled = truelet checkbox = document.querySelector('.agree')checkbox.checked = true</script>
</body>
</html>
间歇函数（定时器）
setInterval(function(){console.log('color');},1000)function show (){console.log('Zero')}// 开启定时器let timer = setInterval(show,1000)// 清除定时器clearInterval(timer)
相关文章：
JS06-class对象
class对象 className 修改样式 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content&quo…...
深度学习1650ti在win10安装pytorch复盘
深度学习1650ti在win10安装pytorch复盘 前言1. 安装anaconda2. 检查更新显卡驱动3. 根据pytorch选择CUDA版本4. 安装CUDA5. 安装cuDNN6. conda安装pytorch结语 前言 建议有条件的，可以在安装过程中，开启梯子。例如cuDNN安装时登录 or 注册，会…...
Node.js与webpack（三）
上一节：Node.js与Webpack笔记（二）-CSDN博客 从0来一遍（webpack项目） 将之前的webpack 的纯开发配置，重新创建空白项目，重新做一遍，捋一遍思路防止加入生产模式时候弄混 1.创建文件夹…...
测试覆盖率那些事
在测试过程中，会出现测试覆盖不全的情况，特别是工期紧张的情况下，测试的时间被项目的周期一压再压，测试覆盖概率不全就会伴随而来。 网上冲浪，了解一下覆盖率的文章，其中一篇感觉写的很不错，将…...
Etcd 介绍与使用（入门篇）
etcd 介绍 etcd 简介 etc （基于 Go 语言实现）在 Linux 系统中是配置文件目录名；etcd 就是配置服务； etcd 诞生于 CoreOS 公司，最初用于解决集群管理系统中 os 升级时的分布式并发控制、配置文件的存储与分发等问题。基…...
Docker 安装 LogStash
关于LogStash Logstash，作为Elastic Stack家族中的核心成员之一，是一个功能强大的开源数据收集引擎。它专长于从各种来源动态地获取、解析、转换和丰富数据，并将这些结构化或非结构化的数据高效地传输到诸如Elasticsearch等存储系统中进行集…...
Selenium笔记
Selenium笔记 Selenium笔记 Selenium笔记element not interactable页面刷新 element not interactable "element not interactable"是Selenium在执行与网页元素交互操作（如点击、输入等）时抛出的一个常见错误。这个错误意味着虽然找到了对应的…...
ChatGPT ：确定性AI源自于确定性数据
ChatGPT 幻觉 大模型实际应用落地过程中，会遇到幻觉（Hallucination）问题。对于语言模型而言，当生成的文本语法正确流畅，但不遵循原文（Faithfulness），或不符合事实（Factua…...
linux驱动开发面试题
1.linux中内核空间及用户空间的区别？ 记住“22”，两级分段两级权限。 例如是32位的机器，从内存空间看：顶层1G是内核的，底3G是应用的；从权限看：内核是0级特权，应用是3级特权。 2.用…...
【AI】Ubuntu系统深度学习框架的神经网络图绘制
一、Graphviz 在Ubuntu上安装Graphviz，可以使用命令行工具apt进行安装。 安装Graphviz的步骤相对简单。打开终端，输入以下命令更新软件包列表：sudo apt update。之后，使用命令sudo apt install graphviz来安装Graphviz软件包。为…...
AI推介-大语言模型LLMs论文速览（arXiv方向）：2024.03.05-2024.03.10—（2）
论文目录~ 1.Debiasing Large Visual Language Models2.Harnessing Multi-Role Capabilities of Large Language Models for Open-Domain Question Answering3.Towards a Psychology of Machines: Large Language Models Predict Human Memory4.Can we obtain significant succ…...
AI解答——DNS、DHCP、SNMP、TFTP、IKE、RIP协议
使用豆包帮助我解答计算机网络通讯问题—— 1、DHCP 服务器是什么？ DHCP 服务器可是网络世界中的“慷慨房东”哦🤣 它的全称是 Dynamic Host Configuration Protocol（动态主机配置协议）服务器。 DHCP 服务器的主要任务是为网络中的…...
【TypeScript系列】声明合并
声明合并 介绍 TypeScript中有些独特的概念可以在类型层面上描述JavaScript对象的模型。 这其中尤其独特的一个例子是“声明合并”的概念。 理解了这个概念，将有助于操作现有的JavaScript代码。 同时，也会有助于理解更多高级抽象的概念。 对本文件来讲，“声明合并”是指编…...
zookeeper基础学习之六: zookeeper java客户端curator
简介 Curator是Netflix公司开源的一套zookeeper客户端框架，解决了很多Zookeeper客户端非常底层的细节开发工作，包括连接重连、反复注册Watcher和NodeExistsException异常等等。Patrixck Hunt（Zookeeper）以一句“Guava is to Java…...
表查询)
MySQL数据库操作学习(2)表查询
文章目录 一、表查询1.表字段的操作①查看表结构②字段的增加③字段长度/数据类型的修改④字段名的修改⑤删除字符段⑥清空表数据⑦修改表名⑧删除表 2、表数据查询3、where 字段4、聚合函数 一、表查询 1.表字段的操作 ①查看表结构 desc 表名; # 查看表中的字段类型&#…...
Java学习
目录 treeSet StringBuilder treeSet TreeSet 是 Java 中实现了 Set 接口的一种集合类，它使用红黑树数据结构来存储元素，放到TreeSet集合中的元素: 无序不可重复，但是可以按照元素的大小顺序自动排序。 TreeSet一般会和Iterator迭代器一起使…...
C#八皇后算法：回溯法 vs 列优先法 vs 行优先法 vs 对角线优先法
目录 1.八皇后算法（Eight Queens Puzzle） 2.常见的八皇后算法解决方案 （1）列优先法（Column-First Method）： （2）行优先法（Row-First Method）&a…...
springboot整合swagger，postman,接口规范
一、postman介绍 1.1概述 工具下载 Postman（发送 http 请求的工具） 官网（下载速度比较慢）：Download Postman | Get Started for Free 网盘下载：百度网盘 请输入提取码 1.2Http 请求格式 请求地址请求方法状…...
029—pandas 遍历行非向量化修改数据
前言 在 pandas 中，向量化计算是指利用 pandas 对象的内置方法和函数，将操作应用到整个数据结构的每个元素，从而在单个操作中完成大量的计算。 但在一些需求中，我们无法使用向量化计算，就需要迭代操作，本例…...
相机安装位置固定后开始调试设备供电公司推荐使用方法
摄像头安装位置固定后开始调试 设备供电：无电源设备需要连接12V/2A电源并连接到摄像机的DC端口，而有电源的摄像机可以直接连接到220V电源。 连接设备：如果是有线连接，请使用网线将设备连接到电脑（建议直接连接&#…...
【网络安全产品大调研系列】2. 体验漏洞扫描
前言 2023 年漏洞扫描服务市场规模预计为 3.06（十亿美元）。漏洞扫描服务市场行业预计将从 2024 年的 3.48（十亿美元）增长到 2032 年的 9.54（十亿美元）。预测期内漏洞扫描服务市场 CAGR（增长率&…...
-----深度优先搜索（DFS）实现)
c++ 面试题(1)-----深度优先搜索（DFS）实现
操作系统：ubuntu22.04 IDE:Visual Studio Code 编程语言：C11 题目描述 地上有一个 m 行 n 列的方格，从坐标 [0,0] 起始。一个机器人可以从某一格移动到上下左右四个格子，但不能进入行坐标和列坐标的数位之和大于 k 的格子。 例…...
Device Mapper 机制
Device Mapper 机制详解 Device Mapper（简称 DM）是 Linux 内核中的一套通用块设备映射框架，为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程，并配以详细的…...
A2A JS SDK 完整教程：快速入门指南
目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库ÿ…...
Linux nano命令的基本使用
参考资料 GNU nanoを使いこなすnano基础 目录 一. 简介二. 文件打开2.1 普通方式打开文件2.2 只读方式打开文件 三. 文件查看3.1 打开文件时，显示行号3.2 翻页查看 四. 文件编辑4.1 Ctrl K 复制 和 Ctrl U 粘贴4.2 Alt/Esc U 撤回 五. 文件保存与退出5.1 Ctrl …...
解读《网络安全法》最新修订，把握网络安全新趋势
《网络安全法》自2017年施行以来，在维护网络空间安全方面发挥了重要作用。但随着网络环境的日益复杂，网络攻击、数据泄露等事件频发，现行法律已难以完全适应新的风险挑战。 2025年3月28日，国家网信办会同相关部门起草了《网络安全…...
jmeter聚合报告中参数详解
sample、average、min、max、90%line、95%line,99%line、Error错误率、吞吐量Thoughput、KB/sec每秒传输的数据量 sample（样本数） 表示测试中发送的请求数量，即测试执行了多少次请求。 单位，以个或者次数表示。 示例：…...
ubuntu系统文件误删(/lib/x86_64-linux-gnu/libc.so.6)修复方案 [成功解决]
报错信息：libc.so.6: cannot open shared object file: No such file or directory： #ls, ln, sudo...命令都不能用 error while loading shared libraries: libc.so.6: cannot open shared object file: No such file or directory重启后报错信息&…...
使用 uv 工具快速部署并管理 vLLM 推理环境
uv：现代 Python 项目管理的高效助手 uv：Rust 驱动的 Python 包管理新时代 在部署大语言模型（LLM）推理服务时，vLLM 是一个备受关注的方案，具备高吞吐、低延迟和对 OpenAI API 的良好兼容性。为了提高部署效…...
初级程序员入门指南
初级程序员入门指南 在数字化浪潮中，编程已然成为极具价值的技能。对于渴望踏入程序员行列的新手而言，明晰入门路径与必备知识是开启征程的关键。本文将为初级程序员提供全面的入门指引。 一、明确学习方向 （一）编程语言抉择 编…...