【JavaScript】Javascript—APIs—Day04
📅 2026/7/19 10:09:47
👁️ 阅读次数
📝 编程学习
Javascript——Day09
- 01.日期对象的使用
- 02.时间戳的使用
- 03.倒计时案例的制作
- 04.查找DOM节点
- 05.增加节点
- 06.克隆节点和删除节点
- 07.M端事件
- 08.swiper插件的使用
01.日期对象的使用
学习目录:
日期对象
实例化
如:
还可以获得指定时间:
日期对象方法:
如:
案例:
但是这个时间不动,所以,要使用定时器。
计时器:注意刷新时空白,所以外面先写一个显示(回调函数,隔了一秒才调用,所以刚开始是空的)
另一种方法:要获得最新时间才能够显示。
02.时间戳的使用
时间戳的使用:
时间戳就像邮戳,在此盖章,以后不会有这个时间了
法一:(需要实例化)
法二:(转为数字型,但也要实例化)
法三:(不需要实例化)
总结:
思考:
想要日期不是返回数字的写法:
03.倒计时案例的制作
毕业倒计时效果:
实操:
04.查找DOM节点
学习目录
对元素节点的增删改查—>对标签的增删改查
认识DOM节点:
总结:
查找节点是通过关系来查找的。
以前是一个一个querySelector来获取元素节点,
而现在是通过关系来获取。
所以,接下来我们的重点讲解内容:(可以让Select变得更少)
这样一来,先前写的关闭广告就可以简化写法了。
更易于处理多个关闭广告事件(遍历关闭即可):
拓展知识点:
查找节点:
05.增加节点
新增节点这一节要重点记住。
(1)创建节点
(2)追加节点
先创建节点才能再追加节点
例一:
例二:
但是我们写微博留言的时候,通常是后评论的先出现,
所以,我们使用第二种方法。
06.克隆节点和删除节点
克隆节点
(深克隆)
也可以一步到位:
但如果是false的话,会怎么样呢?(如下图)(浅克隆)
删除节点
实操:
07.M端事件
M端→移动端
实操:
08.swiper插件的使用
swiper插件:
编程学习
技术分享
实战经验