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

JS DAY4 日期对象与节点

news 来源：原创 2025/8/21 21:02:22

一·日期对象

日期对象:用来表示时间的对象
作用:可以得到当前系统时间

1.实例化

在代码中发现了 new 关键字时，一般将这个操作称为实例化
创建一个时间对象并获取时间

时间必须实例化

获得当前时间

const date = new Date()

获得指定时间

const date = new Date('2008-8-8')
console.log(date)

2.时间对象方法

目标:能够使用日期对象中的方法写出常见日期

使用场景:因为日期对象返回的数据我们不能直接使用，所以需要转换为实际开发中常用的格式

3.时间戳

使用场景:如果计算倒计时效果，前面方法无法直接计算，需要借助于时间戳完成

什么是时间戳:

>是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式

算法:

将来的时间戳-现在的时间戳 = 剩余时间毫秒数

剩余时间毫秒数转换为剩余时间的年月日时分秒就是倒计时时间

比如将来时间戳 2000ms-现在时间截1000ms=1000ms

1000ms转换为就是0小时0分1秒

三种方式获取时间戳:

1.使用 getTime()方法

必须实例化

const date = new Date()
console.log(date.getTime())

2.简写 +new Date() （推荐）

console.log(+new Date())

3.使用 Date.now()

无需实例化
但是只能得到当前的时间戳，而前而两种可以返回指定时间的时间戳

console.log(Date.now())

二·节点操作

1.DOM节点

> DOM树里每一个内容都称之为节点

节点类型

>元素节点

所有的标签比如 body、 div·html是根节点

>属性节点

所有的属性比如 href

> 文本节点

所有的文本

>其他

2.查找节点

节点关系:针对的找亲戚返回的都是对象

父节点查找

parentNode 属性
返回最近一级的父节点找不到返回为null

子元素.parentNode

子节点查找

childNodes
获得所有子节点、包括文本节点(空格、换行)、注释节点等

children 属性(重点)
仅获得所有元索节点
返回的还是一个伪数组

父元素.children

兄弟节点查找

1.下一个兄弟节点
nextElementSibling属性

2.上一个兄弟节点
previousElementSibling 属性

3.增加节点

1.创建节点

即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点
创建元素节点方法:

//创造一个新的元素节点
document.createElement('标签名')

2.追加节点

要想在界面看到，还得插入到某个父元素中

插入到父元素的最后一个子元素:

//插入到这个父元素的最后
父元素.appendchild(要插入的元素)

插入到父元素中某个子元素的前面

// 插入到某个子元素的前面
父元素.insertBefore(要插入的元素，在哪个元素前面）

3.增加节点

特殊情况下，我们新增节点，按照如下操作
复制一个原有的节点
把复制的节点放入到指定的元素内部

克隆节点

//克隆一个已有的元素节点
元素.cloneNode(布尔值)

cloneNode会克隆出一个跟原标签一样的元素，括号内传入布尔值

若为true，则代表克隆时会包含后代节点一起克隆

若为false，则代表克隆时不包含后代节点R
默认为false

4.删除节点

若一个节点在页面中已不需要时，可以制除它
在JavaScript 原生DOM操作中，要删除元素必须通过父元素制除

语法

父元素.removeChild(要删除的元素)

如不存在父子关系则删除不成功
制除节点和隐藏节点(display:none)有区别的:隐藏节点还是存在的，但是制除，则从html中制除节点

三·M端事件

移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件)，Android 和 I0S 都有。

触屏事件 touch(也称触摸事件)，Android 和IOS 都有。

touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。

常见的触屏事件如下:

四·JS插件

插件: 就是别人写好的一些代码,我们只需要复制对应的代码,就可以直接实现对应的效果

学习插件的基本过程
熟悉官网,了解这个插件可以完成什么需求https://www.swiper.com.cn/

看在线演示,找到符合自己需求的demo https://www.swiper.com.cn/demo/index.html

查看基本使用流程https://www.swiper.com.cn/usage/index.html

查看APi文档,去配置自己的插件https://www.swiper.com.cn/api/index.html

注意:多个swiper同时使用的时候,类名需要注意区分

JS DAY4 日期对象与节点

一日期对象日期对象:用来表示时间的对象作用:可以得到当前系统时间 1.实例化在代码中发现了 new 关键字时，一般将这个操作称为实例化创建一个时间对象并获取时间时间必须实例化获得当前时间 const date new Date() 获得指定时间 const date new Date(…...

编程日记 2025/8/21 21:02:22

【Leetcode 每日一题 - 补卡】1007. 行相等的最少多米诺旋转

问题背景在一排多米诺骨牌中， t o p s [ i ] tops[i] tops[i] 和 b o t t o m s [ i ] bottoms[i] bottoms[i] 分别代表第 i i i 个多米诺骨牌的上半部分和下半部分。（一个多米诺是两个从 1 1 1 到 6 6 6 的数字同列平铺形成的 —— 该平铺的每一半…...

编程日记 2025/8/20 0:27:04

Android设备运行yolov8

放假这几天搞了一个基于uniapprk3588实现了一版yolo检测这个是基于前端调用后端api来实现，感觉还可以，但是需要有网络才能进行图像检测，网络不稳定就会出现等待时间会比较久的问题，然后有做了一个在做了一个Android版本的图像检…...

编程日记 2025/8/22 1:25:41

Debezium MySqlValueConverters详解

Debezium MySqlValueConverters详解 1. 类的作用与功能 1.1 核心作用 MySqlValueConverters是Debezium中负责MySQL数据类型转换的核心类，主要功能包括：数据类型映射：将MySQL的数据类型映射到Kafka Connect的Schema类型值转换：将MySQL的原始值转换为Kafka Connect可用的…...

编程日记 2025/8/20 0:27:01

Redis从入门到实战——实战篇（下）

四、达人探店 1. 发布探店笔记探店笔记类似于点评网站的评价，往往是图文结合。对应的表有两个： tb_blog：探店笔记表，包含笔记中的标题、文字、图片等tb_blog_comments：其他用户对探店笔记的评价步骤①&#xff1…...

编程日记 2025/8/21 5:00:42

算法中的数学：质数（素数）

1.质数 1.1定义一个大于1的自然数，除了1和它自身外，不能被其他自然数整除，那么他就是质数，否则他就是合数。注意：1既不是质数也不是合数唯一的偶质数是2，其余所有质数都是奇质数 1.2质数判定求法试除法…...

编程日记 2025/8/19 4:48:42

linux、window安装部署nacos

本文以nacos 2.2.0为例文章目录 1.下载安装包2.按需修改配置配置单机模式配置内存 -Xms -Xmx -Xmn配置数据库为MySQL 3. 访问http://ip:8848/nacos4.常见问题找不到javac命令 1.下载安装包打开官网，下载2.2.0版本 2.按需修改配置配置单机模式默认集群模式&…...

编程日记 2025/8/19 20:36:45

C++ 外观模式详解

外观模式（Facade Pattern）是一种结构型设计模式，它为复杂的子系统提供一个简化的接口。概念解析外观模式的核心思想是： 简化接口：为复杂的子系统提供一个更简单、更统一的接口降低耦合：减少客户端与子…...

编程日记 2025/8/21 22:21:09

42. 接雨水（相向双指针/前后缀分解），一篇文章讲透彻

给定一个数组，代表柱子的高度求出下雨之后，能接的水有多少单位。我们将每一个柱子想象成一个水桶，看他能接多少水以这个水桶为例，他所能接的水取决于左边的柱子的最大高度和右边柱子的最大高度，因为只有柱子高的时候…...

编程日记 2025/8/20 0:26:51

vue实现AI问答Markdown打字机效果

上线效果功能清单 AI问答，文字输出跟随打字机效果格式化回答内容（markdown格式）停止回答，复制回答内容回答时自动向下滚动全屏切换历史问答查看主要技术 vue 2.7.1markdown-it 14.1.0microsoft/fetch-event-source 2.0.1high…...

编程日记 2025/8/20 0:26:50

【QT】QT中的事件

QT中的事件 1.事件的定义和作用2.QT中事件产生和派发流程2.1 步骤2.2 图示示例代码：（event函数接收所有事件） 3.常见的事件3.1 鼠标事件示例代码：现象： 3.2 按键事件3.3 窗口大小改变事件 4.举例说明示例代码&#xff…...

编程日记 2025/8/21 23:30:38

【QT】QT中的软键盘设计

QT的软键盘设计 1.软键盘制作步骤2.介绍有关函数的使用3.出现的编译错误及解决办法示例代码1：按键事件实现软键盘现象：示例代码2：按键事件实现软键盘（加特殊按键）现象： 软键盘移植到新的工程的步骤&#xf…...

编程日记 2025/8/20 0:26:46

【Unity】一个AssetBundle热更新的使用小例子

1.新建两个预制体： Cube1：GameObject Material1：Material Cube1使用了Material1材质之后设置打包配置 Cube1的打包配置为custom.ab Material1的打包配置为mat.ab 2.在Asset文件夹下创建Editor文件夹，并在Editor下创建BuildBundle…...

编程日记 2025/8/19 18:04:43

【Bootstrap V4系列】学习入门教程之组件-按钮组（Button group）

Bootstrap V4系列学习入门教程之组件-按钮组（Button group） 按钮组（Button group）一、Basic example二、Button toolbar 按钮工具条三、Sizing 尺寸四、Nesting 嵌套五、Vertical variation 垂直变化按钮组（Button …...

编程日记 2025/8/20 0:26:43

Linux进程间的通信

IPC 即 Inter-Process Communication，也就是进程间通信，它指的是在不同进程之间进行数据交换和协调同步的机制。在操作系统里，每个进程都有自己独立的内存空间，一般情况下不能直接访问其他进程的内存，所以需要借助 IPC…...

编程日记 2025/8/22 3:05:22

常用非对称加密算法的Python实现及详解

非对称加密算法（Asymmetric Encryption）使用公钥加密、私钥解密，解决了对称加密的密钥分发问题。本文将详细介绍 RSA、ECC、ElGamal、DSA、ECDSA、Ed25519 等非对称加密算法的原理，并提供Python实现代码及安全性分析。 1. 非对称加…...

编程日记 2025/8/20 0:26:39

【题解-洛谷】B4303 [蓝桥杯青少年组省赛 2024] 字母移位

题目：B4303 [蓝桥杯青少年组省赛 2024] 字母移位题目描述字母移位表示将字母按照字母表的顺序进行移动。例如， b \texttt{b} b 向右移动一位是 c \texttt{c} c， f \texttt{f} f 向左移动两位是 d \texttt{d} d。特别地，…...

编程日记 2025/8/21 4:01:01

详讲viewer查看器

将Python与Cesium结合起来，可以实现高效的数据处理与可视化展示。本文将详细介绍如何在Python环境中集成Cesium，以及实现数据可视化的具体方法。我们可以通过在app.vue中的修改来更改我们查看器的显示方法修改前修改后还可以进行各式各样的自定义操作…...

编程日记 2025/8/21 7:01:56

开关电源原理

开关电源原理一、开关电源的电路组成： 开关电源的主要电路是由输入电磁干扰滤波器（EMI）、整流滤波电路、功率变换电路、PWM控制器电路、输出整流滤波电路组成。辅助电路有输入过欠压保护电路、输出过欠压保护电路、输出过流保护电路、输出短…...

编程日记 2025/8/22 7:48:51

数据库的并发控制

并发控制 12.1 并发级别问题：交错的读写并发客户端可以随意进入和退出事务，并在中途请求读取和写入。为了简化分析，假设enter/exit/read/write是原子步骤，因此并发事务只是这些步骤的交错。我们还将区分只读事务和读写事务…...

编程日记 2025/8/20 0:26:32

力扣第448场周赛

赛时成绩如下: 这应该是我力扣周赛的最好成绩了(虽然还是三题) 1. 两个数字的最大乘积给定一个正整数 n。返回任意两位数字相乘所得的最大乘积。注意：如果某个数字在 n 中出现多次，你可以多次使用该数字。示例 1： 输入&#xff1…...

编程日记 2025/8/20 0:26:31

关于Python：9. 深入理解Python运行机制

一、Python内存管理（引用计数、垃圾回收） Python（CPython）采用的是： “引用计数为主，垃圾回收为辅” 的内存管理机制。也就是说： 引用计数机制：负责大部分内存释放，简…...

编程日记 2025/8/21 15:44:41

Cron表达式的用法

最近几天开发东西用到了定时脚本的问题，中间隔了一段时间没有用到，再次复习一下Cron表达式的用法。 Cron表达式是一种用于定义定时任务执行时间的字符串格式，广泛应用于Unix/Linux系统以及各种编程语言中。其主要用途是通过灵活的时间规则来…...

编程日记 2025/8/19 14:33:43

手机通过局域网访问网狐接口及管理后台网站

1.本地部署接口及后台网站 2.设置允许网站端口通过防火墙 3.查看网站服务器IP 4.手机连接到本地服务器同一局域网 5.手机访问本地服务器接口...

编程日记 2025/8/20 0:26:25

JavaSE核心知识点01基础语法01-01（关键字、标识符、变量）

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录 JavaSE核心知识点01基础语法01-01&#xff0…...

编程日记 2025/8/19 6:51:00

Sliding Window Attention(Longformer)

最简单的自注意力大家肯定都会啦。但这种全连接的自注意力（即每个 token 需要 attend 到输入序列中的所有其他 token）计算与内存开销是 O ( n 2 ) O(n^2) O(n2) 。为了缓解这个问题，研究者们提出了 Sliding Window Attention。 Sliding W…...

编程日记 2025/8/20 0:26:21

ROS2 开发踩坑记录（持续更新...）

1. 从find_package(xxx REQUIRED)说起，如何引用其他package(包） 查看包的安装位置和include路径详细文件列表例如，xxx包名为pluginlib # 查看 pluginlib 的安装位置 dpkg -L ros-${ROS_DISTRO}-pluginlib | grep include 这条指令的目的是…...

编程日记 2025/8/20 0:26:20

刷leetcodehot100返航版--哈希表5/5、5/6

回顾一下之前做的哈希，貌似只有用到 unordered_set：存储无序元素unordered_map：存储无序键值对代码随想录常用代码模板2——数据结构 - AcWing C知识回顾-CSDN博客 1.两数之和5/5【30min】 1. 两数之和 - 力扣（LeetCode&am…...

编程日记 2025/8/20 0:26:18

嵌入式开发学习日志Day13

第九章预处理命令前面加“#”的都为预处理命令； 预处理命令是无脑的文本替换； 一、宏定义 1、不带参数的宏定义一般形式为： #define 标识符字符串 （谷歌规定）：所有的宏名均大写，便于…...

编程日记 2025/8/19 18:51:35

AI预测的艺术品走势靠谱吗？

首席数据官高鹏律师团队 AI预测艺术品价格走势：技术与法律的双重考量在当今数字化浪潮席卷全球的时代，人工智能（AI）技术正以前所未有的速度渗透到各个领域，艺术品市场也不例外。AI预测艺术品价格走势这一新兴事物&…...

编程日记 2025/8/20 0:26:15

AVL树和红黑树的插入算法

1.AVL树按照二叉搜索树的规则找到要插入的位置并插入，插入过后看是父节点的左还是右孩子，然后把父节点的平衡因子-1或1，调整后如果父节点的平衡因子是0，那就说明这颗子树的高度插入前后不变，上面的就不用调整平衡因子…...

编程日记 2025/8/20 0:26:13

【项目】基于ArkTS的网吧会员应用开发（1）

一、效果图展示二、界面讲解以上是基于ArkTS的鸿蒙应用网吧会员软件的引导页，使用滑动组件滑动页面，至最后一页时，点击立即体验，进入登录页面。三、代码演示 import promptAction from ohos.promptAction; import router fr…...

编程日记 2025/8/21 18:44:04

命令模式（Command Pattern）

非常好！现在我们来深入讲解行为型设计模式之一 —— 命令模式（Command Pattern）。我将通过： ✅ 定义解释 🎯 使用动机 🐍 Python 完整调用代码（含注释） 🧭 清晰类图 …...

编程日记 2025/8/21 22:36:46

CMake基础介绍

1、CMake 概述 CMake 是一个项目构建工具，并且是跨平台的；关于项目构建目前比较流行的还有 Makefile(通过 Make 命令进行项目的构建)， 大多 IDE 软件都集成了 make,比如：VS 的 nmake、linux 下的 GNU make、Qt 的 qmake 等&…...

编程日记 2025/8/21 2:10:04

偷钱包行为检测数据集VOC+YOLO格式922张1类别有增强

有320张图片是原图剩余为增强图片数据集格式：Pascal VOC格式YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：922 标注数量(xml文件个数)：922 标注数量…...

编程日记 2025/8/22 8:42:09

C 语言比较运算符：程序如何做出“判断”？

各类资料学习下载合集 https://pan.quark.cn/s/8c91ccb5a474 在编写程序时，我们经常需要根据不同的条件来执行不同的代码。比如，如果一个分数大于 60 分，就判断为及格；如果用户的年龄小于 18 岁，就禁止访问某个内容等等。这些“判断”的核心，就依赖于程序能够比…...

编程日记 2025/8/21 6:08:20

Webug4.0靶场通关笔记16- 第20关文件上传(截断上传)

目录第20关文件上传(截断上传) 1.打开靶场 2.源码分析 （1）右键查看前端源码 （2）服务端源码分析 （3）渗透思路 3.渗透实战 （1）构建脚本 （2）bp抓包 …...

编程日记 2025/8/20 0:26:06

10 种最新的思维链（Chain-of-Thought, CoT）增强方法

防御式链式思维（Chain-of-Defensive-Thought） 该方法通过引入结构化、防御性的推理示例，提高大语言模型在面对被污染或误导信息时的稳健性。 📄 论文链接：https://arxiv.org/abs/2504.20769 混合链式思维（…...

编程日记 2025/8/20 0:26:05

记录 2025.5.5 题目： 思路： 代码: class Solution {public List<Integer> getRow(int rowIndex) {List<Integer> row new ArrayList<Integer>();row.add(1);for (int i 1; i < rowIndex; i) {row.add((int) ((long) row.get(i…...

编程日记 2025/8/20 0:26:03

NSOperation深入解析：从使用到底层原理

1. 基础概念与使用 1.1 NSOperation概述 NSOperation是Apple提供的一个面向对象的并发编程API，它基于GCD（Grand Central Dispatch）构建，但提供了更高层次的抽象和更丰富的功能。NSOperation允许开发者以面向对象的方式管理并发任…...

编程日记 2025/8/19 9:38:14

suna工具调用可视化界面实现原理分析（二）

这是一个基于React的浏览器操作可视化调试组件，主要用于在AI开发工具中展示网页自动化操作过程（如导航、点击、表单填写等）的执行状态和结果。以下是关键技术组件和功能亮点的解析： 一、核心功能模块浏览器操作状态可视化 • 实时…...

编程日记 2025/8/20 0:26:01

【大模型面试每日一题】Day 9：BERT 的 MLM 和 GPT 的 Next Token Prediction 有什么区别？

【大模型面试每日一题】Day 9：BERT 的 MLM 和 GPT 的 Next Token Prediction 有什么区别？ 📌 题目重现 🌟 面试官：预训练任务中，BERT 的 MLM（Masked Language Modeling）和 GPT 的 …...

编程日记 2025/8/20 0:25:59

分析strtol(),strtoul()和strtod()三个函数的功能

字符串转换为数值部分和子字符串首地址的函数有strtol(),strtoul()和strtod()三个函数。 1、strtol()函数 long int strtol(const char *str, char **endptr, int base) //当base0时,若字符串不是以"0","0x"和"0X"开头,则将数字部分按照10进制…...

编程日记 2025/8/20 0:25:58