2022年5月21日
js事件对象
摘要： 在触发DOM上的某个事件的时候，会产生一个事件对象event，而在这个对象当中会包含着所有与事件有关的信息。 eventTarget.onclick = function(event) {} eventTarget.addEventListener('click', function(event) 阅读全文
posted @ 2022-05-21 07:48 丫丫learning 阅读(51) 评论(0) 推荐(0)
offerset与client
摘要： 获得元素宽高 属性名：clientWidth和clientHeight 使用场景：获取元素的可见部分宽高：内容 + padding（不包含边框，margin，滚动条等） 属性名：offsetWidth和offsetHeight 使用场景：获取元素的自身宽高，包含元素自身设置的宽高、padding、b 阅读全文
posted @ 2022-05-21 07:46 丫丫learning 阅读(161) 评论(0) 推荐(0)
移动端触屏事件
摘要： 移动端触屏事件 touchstart：当手指放到屏幕上触发。 document.addEventListener('touchstart',function() { console.log('touchstart'); }) touchmove：当手指在屏幕上滑动时，连续地触发。 document. 阅读全文
posted @ 2022-05-21 07:43 丫丫learning 阅读(137) 评论(0) 推荐(0)
2022年5月13日
DOM事件进阶
摘要： 事件流 ####事件流与两个阶段说明 概念 事件流：指的是事件完整执行过程中的流动路径 假设页面里有个div，当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段 捕获阶段是 从父到子 冒泡阶段是从子到父 实际工作都是使用事件冒泡为主 事件捕获 概念 从DOM的根元素开始去执行对应的事件 (从外到 阅读全文
posted @ 2022-05-13 22:24 丫丫learning 阅读(67) 评论(0) 推荐(0)
DOM事件
摘要： 事件监听 概念 事件：事件是在编程时系统内发生的动作或者发生的事情 事件监听：是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 绑定事件或者注册事件 使用 语法：元素对象.addEventListener('事件类型', 函数) 事件监听三要素： 事件源： 触发事件的元 阅读全文
posted @ 2022-05-13 22:20 丫丫learning 阅读(77) 评论(0) 推荐(0)
定时器-间歇函数
摘要： 概念 setInterval 是 JavaScript 中内置的函数，它的作用是间隔固定的时间自动重复执行另一个函数，也叫定时器函数。 使用 开启/创建定时器 语法：setInterval(函数, 间隔时间) 函数：不加小括号，加小括号会立即执行 时间间隔：单位毫秒，1000毫秒 = 1秒 作用：每 阅读全文
posted @ 2022-05-13 22:15 丫丫learning 阅读(310) 评论(0) 推荐(0)
设置/修改DOM元素
摘要： 设置/修改DOM元素内容 元素innerText 属性 将文本内容添加/更新到任意标签位置 显示纯文本，文本中包含的标签不会被解析 <div class ="box">123</div> <div id ="box">abc</div> <script> // 获取元素 let div = docu 阅读全文
posted @ 2022-05-13 22:13 丫丫learning 阅读(198) 评论(0) 推荐(0)
获取DOM对象
摘要： DOM对象 概念： 浏览器根据html标签生成的 JS对象 所有的标签属性都可以在这个对象上面找到 修改这个对象的属性会自动映射到标签身上 DOM的核心思想 把网页内容当做对象来处理 获取DOM对象 根据CSS选择器来获取DOM元素 获取单个元素 语法: document.querySelector 阅读全文
posted @ 2022-05-13 22:10 丫丫learning 阅读(77) 评论(0) 推荐(0)
Web API 基本认知
摘要： 作用和分类 作用: 就是使用 JS 去操作 html 和浏览器 分类：DOM (文档对象模型)、BOM（浏览器对象模型） DOM 概念：DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API DOM（Document Objec 阅读全文
posted @ 2022-05-13 22:02 丫丫learning 阅读(29) 评论(0) 推荐(0)
变量声明
摘要： 变量声明有三个 var let 和 const 使用： 首先var 先排除，老派写法，问题很多，可以淘汰掉… const 语义化更好，尽量使用const 有了变量先给const，如果发现它后面是要被修改的，再改为let const const声明的值不能更改，而且const声明变量的时候需要里面进行 阅读全文
posted @ 2022-05-13 21:57 丫丫learning 阅读(50) 评论(0) 推荐(0)