2026年2月17日
Day36获取元素大小位置的另外方法
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>获取元素大小位置的 阅读全文
posted @ 2026-02-17 22:28 冰涿 阅读(1) 评论(0) 推荐(0)
2026年2月16日
Day35仿新浪固定头部
摘要： <script> const sk = document.querySelector('.sk') const header = document.querySelector('.header') // 1.页面滚动事件 window.addEventListener('scroll', funct 阅读全文
posted @ 2026-02-16 14:41 冰涿 阅读(2) 评论(0) 推荐(0)
2026年2月11日
Day34client家族和offest家族
摘要： client家族 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 阅读全文
posted @ 2026-02-11 21:37 冰涿 阅读(5) 评论(0) 推荐(0)
Day34显示导航与返回顶部
摘要： <script> // 获取元素 const elevator = document.querySelector('.xtx-elevator') // 需求:1当页面滚动大于300时，会显示电梯导航 // 2.给页面添加滚动事件 window.addEventListener('scroll', 阅读全文
posted @ 2026-02-11 17:15 冰涿 阅读(2) 评论(0) 推荐(0)
2026年2月10日
Day33页面加载事件和页面滚动事件
摘要： 1、页面加载事件 页面加载事件一共有两种， load事件是监听整个页面资源给window添加 DOMContentLoaded是给documnet加，这个无需等待样式表，图像等完全加载出来 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
posted @ 2026-02-10 22:27 冰涿 阅读(3) 评论(0) 推荐(0)
2026年2月9日
Day32阻止元素默认行为
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>阻止默认行为</t 阅读全文
posted @ 2026-02-09 22:00 冰涿 阅读(3) 评论(0) 推荐(0)
Day32事件委托版本tab栏切换
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2026-02-09 21:20 冰涿 阅读(3) 评论(0) 推荐(0)
2026年2月8日
Day31事件委托
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件委托</tit 阅读全文
posted @ 2026-02-08 14:02 冰涿 阅读(5) 评论(0) 推荐(0)
2026年2月7日
Day30鼠标经过事件的区别
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标经过事件的区别 阅读全文
posted @ 2026-02-07 22:42 冰涿 阅读(3) 评论(0) 推荐(0)
Day30事件解绑
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件解绑</tit 阅读全文
posted @ 2026-02-07 22:18 冰涿 阅读(3) 评论(0) 推荐(0)
下一页