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电源。 连接设备：如果是有线连接，请使用网线将设备连接到电脑（建议直接连接&#…...
基于BLE模块的低功耗无线遥控器设计与实现
1. 项目概述：基于BLE模块的无线遥控器设计与实现几年前，我在捣鼓智能家居时，一直想找一个低功耗、响应快、又能自己完全掌控的无线遥控方案。市面上的成品要么协议封闭，要么功耗感人，要么延迟高得让人着急。后来&#…...
从‘找不到dll’到流畅运行：一份给VS2022新手的Zbar+OpenCV3.6.0环境配置避坑指南
从“找不到dll”到流畅运行：VS2022下ZbarOpenCV3.6.0环境配置全解析 当你第一次在Visual Studio 2022中尝试整合Zbar和OpenCV 3.6.0时，可能会遇到各种令人沮丧的错误提示。最常见的就是那个让人头疼的“找不到libzbar64-0.dll”问题。本文将带你一步步解…...
Linux 软链接和硬链接详解：ln 命令背后的 inode 原理
Linux 软链接和硬链接详解：ln 命令背后的 inode 原理 1. 前言 Linux 中经常会看到链接文件，例如： /bin -> /usr/bin python -> python3 current -> /opt/app/releases/v2Linux 链接主要有两种： 软链接：symbol…...
RedisDesktopManager Windows版：3分钟掌握免费Redis可视化工具，告别命令行操作！
RedisDesktopManager Windows版：3分钟掌握免费Redis可视化工具，告别命令行操作！ 【免费下载链接】RedisDesktopManager-Windows RedisDesktopManager Windows版本 项目地址: https://gitcode.com/gh_mirrors/re/RedisDesktopManager-Window…...
美国AI监管令紧急叫停：安全与速度的终极博弈与全球AI治理新格局
一、事件核心：临门一脚的惊天逆转 2026年5月21日，美国华盛顿时间下午2点，原本应该是白宫椭圆形办公室一场万众瞩目的签字仪式。特朗普总统计划签署一项酝酿数月的AI安全行政令，该令要求OpenAI、Anthropic、谷歌等头部AI企业在发布…...
深度解析：ctfileGet如何实现城通网盘直链解析的3大技术突破
深度解析：ctfileGet如何实现城通网盘直链解析的3大技术突破 【免费下载链接】ctfileGet 获取城通网盘一次性直连地址 项目地址: https://gitcode.com/gh_mirrors/ct/ctfileGet ctfileGet是一款专为城通网盘设计的开源直链解析工具，通过创新的技术…...
Meteor-Files与AWS S3集成指南：打造可靠的云端文件存储解决方案
Meteor-Files与AWS S3集成指南：打造可靠的云端文件存储解决方案 【免费下载链接】Meteor-Files 🚀 Upload files via DDP or HTTP to ☄️ Meteor server FS, AWS, GridFS, DropBox or Google Drive. Fast, secure and robust. 项目地址: https://gitc…...
手把手教你无损转换：把老电脑的Legacy启动盘改成UEFI+GPT（附DiskGenius操作截图）
老电脑焕新指南：从Legacy到UEFIGPT的无损迁移实战当你的老电脑开机速度越来越慢，或者被Windows 11的安装要求拒之门外时，很可能是因为它还在使用传统的Legacy启动方式和MBR分区表。本文将带你深入了解这两种启动方式的区别，并手把…...
ARM SME指令集：浮点运算与矩阵加速技术详解
1. ARM SME指令集概述在当今计算密集型应用领域，浮点运算性能直接决定了科学计算、机器学习等关键任务的执行效率。ARM SME（Scalable Matrix Extension）作为ARMv9架构的重要扩展，专为提升矩阵运算性能而设计。与传统的SVE…...
[Python] Python中自带模块级的单例模式-不需要定义单例类
Python中的单例场景 一般一些需要在模块中全局维护的变量（变量修改范围在模块内）；简单方式是构建一个全局变量，然后不符合编码规范：1.线程安全与并发问题；2.测试隔离困难；3.缺乏多实例/多租户支…...