JavaScript笔记APIs篇03——DOM节点Bom操作本地存储正则表达式
黑马程序员视频地址：黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78
https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78
目录
日期对象
实例化
时间对象方法
时间戳
三种获取时间戳的方法
节点操作
DOM节点
查找节点
父节点查找
子节点查找
兄弟节点查找
增加节点
创建节点
追加节点
克隆节点
删除节点
M端事件（mobile）
JS插件
Windows对象
BOM
定时器（延时函数）
JS执行机制
location对象
href属性
search属性
hash属性
reload属性
history对象
本地存储
介绍
分类
localStorage
语法
浏览器查看本地数据
sessionStorage
存储复杂数据类型
存储
读取
数组的方法
迭代数组 map()
数组转字符串 join()
正则表达式
介绍
语法
1.定义正则表达式语法
2.判断是否有符合规则的字符串
3.查找符合规则的字符串
元字符
介绍
字符类
[]类
“.” 类
预定义
修饰符
区分大小写
替换
日期对象
实例化
时间对象方法
时间戳
三种获取时间戳的方法
节点操作
DOM节点
查找节点
父节点查找
子节点查找
兄弟节点查找
增加节点
创建节点
追加节点
克隆节点
删除节点
M端事件（mobile）
JS插件
Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
Swiper演示 - Swiper中文网
Swiper使用方法 - Swiper中文网
中文api - Swiper中文网
Windows对象
BOM
定时器（延时函数）
JS执行机制
location对象
href属性
search属性
hash属性
reload属性
navigator对象
history对象
本地存储
介绍
分类
localStorage
语法
浏览器查看本地数据
sessionStorage
存储复杂数据类型
存储
读取
数组的方法
迭代数组 map()
数组转字符串 join()
正则表达式
介绍
语法
1.定义正则表达式语法
2.判断是否有符合规则的字符串
3.查找符合规则的字符串
元字符
介绍
正则表达式 - JavaScript | MDN
在线正则表达式测试
边界符
量词
字符类
[]类
“.” 类
预定义
修饰符
区分大小写
替换
相关文章：
JavaScript笔记APIs篇03——DOM节点Bom操作本地存储正则表达式
黑马程序员视频地址：黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source0a2d366696f87e241adc64419bf12cab&spm_id_from333.788.videopod.episodes&p78https://www.bilibili.com/video/BV1Y84y1L7Nn?…...
JS 有哪些模块化规范
一、CommonJS 规范 1. 主要应用场景 主要用于服务器端开发，尤其是 Node.js 环境。 2. 核心思想 使用 require() 函数来引入模块，使用 module.exports 或 exports 对象来导出模块中的内容。 // math.js 模块const add (a, b) > a b;const subtr…...
摘录人工智能面试笔试题汇总
一、人工智能面试问答题汇总 1、什么是人工智能？ 人工智能（AI）是一种计算机科学，它增强了像人类一样工作和反应的智能机器。机器模拟人类智能行为的能力。人工智能通常用于各种应用，如决策、语音识别、感知、认知能力…...
【PCIe 总线及设备入门学习专栏 6.1 -- PCIe MCTP】
文章目录 1 什么是 MCTP？2 MCTP 消息在 PCIe 中的传输特点3 PCIe MCTP 的局限性(1) 出站（Outbound）MCTP 消息分解的限制(2) 入站（Inbound）MCTP 消息组装的限制4 MCTP 消息的实际使用流程发送端处理流程接收端处理流程5 实际使用场景例 1：管理命令传输例 2：监控数据报告例…...
RabbitMQ集群安装rabbitmq_delayed_message_exchange
1、单节点安装rabbitmq安装延迟队列 安装延迟队列rabbitmq_delayed_message_exchange可以参考这个文章： rabbitmq安装延迟队列-CSDN博客 2、集群安装rabbitmq_delayed_message_exchange 在第二个节点 join_cluster 之后，start_app 就会报错了 (CaseC…...
doris 2.1 Queries Acceleration-Hints 学习笔记
1 Hint Classification 1.1 Leading Hint：Specifies the join order according to the order provided in the leading hint. 1.2 Ordered Hint：A specific type of leading hint that specifies the join order as the original text sequence. 1.3 Distribute Hint：Speci…...
【网络协议】【http】【https】TLS解决了HTTP存在的问题-加密通信+摘要，数字签名+CA证书
【网络协议】【http】【https】TLS解决了HTTP存在的问题-加密通信摘要数字签名CA证书 ps:TLS前期发送的密码套件里面主要就是约定：密钥交换算法，签名算法，对称加密算法，摘要算法 1加密通信 一般选择非对称加密交换密钥 对称加密…...
某讯一面，感觉问Redis的难度不是很大
前不久，有位朋友去某讯面试，他说被问到了很多关于 Redis 的问题，比如为什么用 Redis 作为 MySQL 的缓存？Redis 中大量 key 集中过期怎么办？如何保证缓存和数据库数据的一致性？我将它们整理出来，…...
【json_object】mysql中json_object函数过长，显示不全
问题：json只显示部分 解决： SET GLOBAL group_concat_max_len 1000000; -- 设置为1MB，根据需要调整如果当前在navicat上修改，只有效本次连接和后续会话，重新连接还是会恢复默认值1024 在my.ini配置文件中新增或者修…...
【KOA框架】koa框架基础入门
koa是express的一层封装，语法比express更加简洁。所以有必要了解下koa的相关开发方法。 代码实现 package.json {"name": "koapp","version": "1.0.0","main": "index.js","scripts": {&…...
kubernetes 集群 YAML 文件详解
Kubernetes 是一个开源的容器编排平台，用于自动化部署、扩展和管理容器化应用程序。在 Kubernetes 中，YAML 文件扮演着至关重要的角色，因为它们是用来定义资源对象（如 Pods、Deployments、Services 等）的配置文件。正确…...
【STM32G4xx的CAN驱动记录】
STM32G4xx的CAN驱动记录 CAN说明CAN的波特率计算数据测试总结 本文主要记录了基于STM32G4xx的CAN接口解析某型号雷达数据遇到的问题及规避方法，CAN总线波特率500Kbps，采样点要求80%附近。 注意CAN总线同步段的时间！！！ …...
VSCode下EIDE插件开发STM32
VSCode下STM32开发环境搭建 本STM32教程使用vscode的EIDE插件的开发环境，完全免费，有管理代码文件的界面，不需要其它IDE。 视频教程见本人的 VSCodeEIDE开发STM32 安装EIDE插件 Embedded IDE 嵌入式IDE 这个插件可以帮我们管理代码文件&am…...
HTML之拜年/跨年APP（改进版）
目录： 一：目录 二：效果 三：页面分析/开发逻辑 1.页面详细分析： 2.开发逻辑： 四：完整代码（不多废话） index.html部分 app.json部分 二：效果 三：页面…...
解决 WSL 2 中 Ubuntu 22.04 安装 Docker 后无法启动的问题
问题场景 安装Docker后，执行sudo service docker start启动Docker，提示启动成功 rootDev:~# sudo service docker start * Starting Docker: docker [ OK ]执行su…...
Chrome 132 版本新特性
Chrome 132 版本新特性 一、Chrome 132 版本浏览器更新 1. 在 iOS 上使用 Google Lens 搜索 在 Chrome 132 版本中，开始在所有平台上推出这一功能。 1.1. 更新版本： Chrome 126 在 ChromeOS、Linux、Mac、Windows 上：在 1% 的稳定版用户…...
《贪心算法：原理剖析与典型例题精解》
必刷的贪心算法典型例题！ 算法竞赛（蓝桥杯）贪心算法1——数塔问题-CSDN博客 算法竞赛（蓝桥杯）贪心算法2——需要安排几位师傅加工零件-CSDN博客 算法（蓝桥杯）贪心算法3——二维数组排序与贪心算…...
CSS笔记基础篇02——浮动、标准流、定位、CSS精灵、字体图标
黑马程序员视频地址： 前端Web开发HTML5CSS3移动web视频教程https://www.bilibili.com/video/BV1kM4y127Li?vd_source0a2d366696f87e241adc64419bf12cab&spm_id_from333.788.videopod.episodes&p70https://www.bilibili.com/video/BV1kM4y127Li?vd_source…...
Golang Gin系列-6：Gin 高级路由及URL参数
在本章中，我们将深入研究使用Gin框架的高级路由和URL参数。我们将介绍如何创建和使用路由组、应用中间件、提取路径参数、处理查询字符串、处理静态文件以及使用HTML模板。 路由分组 为什么要使用路由组？ 使用路由组有助于保持代码结构整洁有序。当路由…...
重温STM32之环境安装
缩写 CMSIS：common microcontroller software interface standard 1，keil mdk安装 链接 Keil Product Downloads 安装好后，开始安装平台软件支持包（keil 5后不在默认支持所有的平台软件开发包，需要自行下载&#…...
web应用引入cookie机制的用途和cookie技术主要包括的内容
web应用引入cookie机制，用于用户跟踪。 （1）HTTP响应报文中的Cookie头行：set-Cookie （2）用户浏览器在本地存储、维护和管理的Cookie文件 （3）HTTP请求报文中的Cookie头行：…...
Visual Studio Code + Stm32 （IAR）
记录一下， 以前看别人在 vsc 下配置 stm32 工程非常麻烦。 最近，突然发现， iar 官方出了两个插件， iar build 、 iar C-Spy 安装之后，配置一下 iar 软件路径。 然后，直接打开工程目录，编译…...
小程序获取微信运动步数
1、用户点击按钮，在小程序中触发getuserinfo方法，获取用户信息 <scroll-view class"scrollarea" scroll-y type"list"><view class"container"><button bind:tap"getLogin">获取</button&…...
嵌入式Linux驱动开发之platform
关键词：rk3399 嵌入式驱动 Linux platform 前言 前面的嵌入式Linux驱动都是描述从特定的SOC与特定设备之间的直接两两通信。而Linux不是为单一某一SOC结构而设计的操作系统，它可以运行在X86、ARM等多种架构多种SOC平台上，如果驱动程序按照S…...
【蓝桥杯】43693.日期问题
题目描述 小明正在整理一批历史文献。这些历史文献中出现了很多日期。小明知道这些日期都在 1960 年 1 月 1 日至 2059 年 12 月 31 日。令小明头疼的是，这些日期采用的格式非常不统一，有采用年/月/日的，有采用月/日/年的，还有采用…...
opengrok_windows_多工程的同步
多工程的目录 工程代码下载和log配置 工程代码下载 在每个工程的src目录下，下载工程代码，以下载pulseaudio的代码为例。 git clone gitgithub.com:pulseaudio/pulseaudio.git log配置文件 拷贝D:\opengrok\opengrok-…...
Redis的安装和使用--Windows系统
Redis下载地址： windows版本readis下载（GitHub）： https://github.com/tporadowski/redis/releases （推荐使用） https://github.com/MicrosoftArchive/redis/releases 官网下载（无Windows版本…...
【odbc】odbc连接kerberos认证的 hive和spark thriftserver
hive odbc驱动，以下两种都可以 教程：使用 ODBC 和 PowerShell 查询 Apache HiveHive ODBC Connector 2.8.0 for Cloudera Enterprise spark thriftserver本质就是披着hiveserver的外壳的spark server 完成kerberos认证: （1）可以…...
亚博microros小车-原生ubuntu支持系列：1 键盘控制
背景：电脑配置不太行，我在ubuntu再运行vmware，里面运行亚博官方的虚拟机镜像ubuntu，系统很卡。基本上8G内存给打满了。还是想把亚博官方的代码迁移出来，之前售后就说除了官方镜像虚拟机，需要自己摸索迁移。…...
【Linux】利用‘shell脚本’快速查看服务的运行情况
一、脚本目的 为了方便查看服务的运行情况，特此写了一个shell脚本，这样就很方便获取，查看如nginx、mysql等服务的运行状态、监听端口状态、防火墙、端口开放状态等。 二、shell脚本源代码 #!/bin/bash SCRIPTPATH$(cd "$(dirname $0)…...
[2025分类时序异常检测指标R-AUC与VUS]
梳理了一下分类中常见的指标，这些指标与时序异常检测中新提出的A-RUC与VUS之间的关系 真正例(True Positive,TP): 被正确识别为正样本的数量。真负例(True Negative,TN): 被正确识别为负样本的数量。假正例(False Positive ,FP): 被错误识为正样本数量假负例(Fals…...
设计模式之结构型模式
在软件开发的世界里，设计模式是前辈们智慧的结晶，它们为我们提供了通用的解决方案来应对各种常见的软件设计问题。今天，我们深入探讨设计模式中的结构型模式，并用 Java 语言来实现它们。 什么是结构型模式 结构型模式主要关注如…...
Spring Boot中的404错误：原因、影响及处理策略
Spring Boot中的404错误：原因、影响及处理策略 在Web开发过程中，404错误是一个常见的HTTP状态码，表示“未找到”资源。在Spring Boot项目中，尽管它以其简化的配置和快速的开发速度著称，但开发者仍可能遇到404错误。本…...
网络协议如何确保数据的安全传输？
网络协议作为计算机网络通信的基石，其设计不仅旨在实现数据的有效传输，更在于确保数据在传输过程中的安全性。对于网络协议如何保障数据安全传输，是很多企业和网络IT部门的重点，本文将从多方面概述相关方法。 加密与解密机制 1. …...
Python绘制数据地图-MovingPandas
MovingPandas 是一个用于时空数据分析的 Python 库，它扩展了 Pandas 和 GeoPandas，使得处理和分析带有时间戳的地理数据变得更加方便。虽然 MovingPandas 本身不直接提供数据可视化功能，但你可以结合其他库如 matplotlib、folium 或 plotly 来…...
鸿蒙子组件根据数据，刷新item Ui的规范
鸿蒙 子组件列表中，有多个isSelect，父组件只用一个state类型的isSelect，就可以将它们关联起来，如下： isLike:item1.isPraise?!this.isLike:this.isLike, 子组件想要数据变化，UI随着更新，就得…...
使用 Flask 构建视频转 GIF 工具
使用 Flask 构建视频转 GIF 工具 在前几日的文章当中，我介绍了如何使用 Python 脚本将视频转化为 GIF 动画，为了更好、更方便的进行操作，在这篇博客中，我将介绍使用 Flask 框架创建一个简单的 Web 应用程序，该应用程序…...
基于SpringBoot+Vue的智慧动物园管理系统的设计与实现
获取源码：基于SpringBootVue智慧动物园系统设计与实现: 后台和用户前台。后台包括首页、员工管理、考勤管理、部门管理、角色管理、审核管理、动物管理、演出管理、园区管理、园区设施维修、饲养管理、行为观察管理、疫苗管理、看护管理、个人中心、票务管理、收入管…...
“深入浅出”系列之数通篇：（5）TCP的三次握手和四次挥手
TCP（传输控制协议）的三次握手和四次挥手是TCP连接建立和释放的过程。 一、TCP三次握手 TCP三次握手是为了建立可靠的连接，确保客户端和服务器之间的通信能力。具体过程如下： 第一次握手：客户端向服务器发送一个带有…...
【初阶数据结构】探索数据的多米诺链：单链表
文章目录 1.链表1.1 概念及结构1.2 分类 2.单链表接口实现2.1 单链表节点创建2.2 单链表打印2.3 单链表尾插2.4 单链表头插2.5 单链表尾删2.6 单链表头删2.7单链表查找2.8 单链表在pos位置插入x2.8.1 pos前2.8.2 pos后 2.9单链表在pos位置删除x2.9.1 pos前2.9.2 pos后 2.2.10 单…...
我的创作纪念日——我与CSDN一起走过的365天
目录 一、机缘：旅程的开始 二、收获：沿路的花朵 三、日常：不断前行中 四、成就：一点小确幸 五、憧憬：梦中的重点 一、机缘：旅程的开始 最开始开始写博客是在今年一二月份的时候，也就是上一…...
w-form-select 组件中 分析 自定义属性 和 el-select 自带属性 的对比表格
以下是该组件中 自定义属性 和 el-select 自带属性 的对比表格： 属性/功能自定义el-select 自带说明label✔️❌自定义属性，用于设置表单项的标签。prop✔️❌自定义属性，用于表单验证时的字段名。labelWidth✔️❌自定义属性，用…...
【蓝桥杯选拔赛真题63】C++奇数 第十四届蓝桥杯青少年创意编程大赛 算法思维 C++编程选拔赛真题解
目录 C++奇数 一、题目要求 1、编程实现 2、输入输出 二、算法分析 三、程序编写 四、运行结果 五、考点分析 七、推荐资料 C++奇数 第十四届蓝桥杯青少年创意编程大赛C++选拔赛真题 一、题目要求 1、编程实现 给定两个正整数N和M(10≤N<M≤10000)，请找出N到M…...
Android 存储进化：分区存储
} 在写入存储之前，需要知道设备有多少空间可用，不够的话会抛出异常。不过现在的智能设备内存也是比较大的，这部分可以参考Google 查询可用空间 2.1 内部存储空间 打开Android studio的 Device File Explorer时，可以看到应用的内部…...
NPM 与 Node.js 版本兼容问题：npm warn cli npm does not support Node.js
问题描述与处理策略 1、问题描述 npm warn cli npm v10.9.2 does not support Node.js v18.16.1. This version of npm supports the following node versions: ^18.17.0 || >20.5.0. You can find the latest version at https://nodejs.org/.# 翻译 npm warn cli npm v1…...
docker离线安装及部署各类中间件（x86系统架构）
前言：此文主要针对需要在x86内网服务器搭建系统的情况 一、docker离线安装 1、下载docker镜像 https://download.docker.com/linux/static/stable/x86_64/ 版本：docker-23.0.6.tgz 2、将docker-23.0.6.tgz 文件上传到服务器上面，这里放在…...
redis 分布式方案
文章目录 前言一、主从复制1、主从配置2、建立连接3、数据同步3.1、全量同步3.2、全量同步配置3.3、 增量同步3.4、 增量同步配置 二、redis sentinel1、主要功能2、sentinel配置3、高可用3.1、故障发现3.2、故障转移3.2.1、选举sentinel进行故障转移3.2.2、选举从节点升级成主…...
# [0114] Task01 《数学建模导论》P1 解析几何与方程模型
链接：https://www.datawhale.cn/activity/124 整理的相关代码库 GitHub 页面链接 绪论 姜启源：“数学建模就是建立数学模型解决实际问题” 本质还是解应用题，只是曾经的“小明买糖”变成了如今的“嫦娥探月”。 SEIR 模型，也…...
PCM5142集成32位384kHz PCM音频立体声114dB差分输出DAC编解码芯片
目录 PCM5142 简介PCM5142功能框图PCM5142特性 参考原理图 PCM5142 简介 PCM514x 属于单片 CMOS 集成电路系列，由立体声数模转换器 (DAC) 和采用薄型小外形尺寸 (TSSOP) 封装的附加支持电路组成。PCM514x 使用 TI 最新一代高级分段 DAC 架构产品，可实现…...
【HarmonyOS NEXT】碰一碰开发分享
关键词：鸿蒙、碰一碰、systemShare、harmonyShare、Share Kit 华为分享新推出碰一碰分享，支持用户通过手机碰一碰发起跨端分享，可实现传输图片、共享wifi等。我们只需调用系统 api 传入所需参数拉起对应分享卡片模板即可，无需对 U…...