![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BOM
文章平均质量分 62
Sun Jiakai_凯
做一只积极且上进的程序猿,读温柔的句子,见阳光的人,眼里全是温柔和笑意!
展开
-
8、本地存储
1、本地存储特性 2、sessionStorage 3、localStorage 4、记住用户名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C原创 2021-10-17 17:08:17 · 57 阅读 · 0 评论 -
7、移动端布局
1、触屏事件概述 2、触摸事件对象 3、移动端拖动元素 4、classList属性 5、click延时解决方案原创 2021-10-17 16:58:50 · 49 阅读 · 0 评论 -
6、动画封装函数
1、动画实现原理 核心原理:通过定时器setInterval()不断移动盒子位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible原创 2021-10-17 15:59:37 · 66 阅读 · 0 评论 -
5、client、scroll系列
1. client概述 2、立即执行函数 3、scroll系列 4、仿淘宝固定右边侧边栏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati原创 2021-10-17 12:17:28 · 67 阅读 · 0 评论 -
4、offset系列
1、offset概述 2、offset和style的区别 3、获取鼠标在盒子内的坐标 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible原创 2021-10-17 10:27:43 · 123 阅读 · 0 评论 -
3. location
1. location对象 2. URL 3. 5秒之后跳转页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="原创 2021-10-16 23:20:24 · 91 阅读 · 0 评论 -
2. js执行队列
1. js的同步和异步 2. js执行机制原创 2021-10-16 22:51:10 · 58 阅读 · 0 评论 -
1. BOM
1. 什么是BOM 浏览器对象模型, 提供了与浏览器对象进行交互的对象, 核心对象是:window BOM比DOM更大, 它包含DOM 2. BOM 的构成 3. window对象的常见事件 窗口加载事件 window.onload = function(){xxx} 或者 window.addEventListener('load', function(){xxx}) 调整窗口大小的事件 4. 定时器 setTimeout()定时器 window.setTimeout(调用函数, [延迟的毫秒数]原创 2021-10-16 22:38:31 · 55 阅读 · 0 评论