
js日常
js日常
苍山洱海胖
慢一点 不要悬浮
展开
-
三种方法解决setTimeout的循环输出问题
三种方法解决setTimeout的循环输出问题1.let2.闭包3.使用settimeout的第三参数转载 2023-08-17 18:44:16 · 360 阅读 · 0 评论 -
阶段03-JS进阶(总结01待补充)
1.Offset家族成员1.offsetWidth /offsetHeight 返回元素占据页面的实际大小一般包括 width/height+padding + border返回值只读 且整数(四舍五入)2.offsetParent 返回距离该元素最近的带有定位的父级元素如果当前元素是 fixed 定位,那么返回值为 null如果当前元素的父级元素没有进行 CSS 定位(absolute、relative) 此元素的 offsetParent 为 body3.offsetLeft / off原创 2021-09-23 21:17:39 · 146 阅读 · 0 评论 -
JS中的ele.style.left 和ele.offsetLeft
一.JS中不能通过ele.style.left获取到值<style> .box { position: absolute; top: 50px; left: 50px; width: 150px; height: 150px; background-color: #f00; }</style> <script type="text/javascript"原创 2021-09-18 15:57:31 · 855 阅读 · 0 评论 -
DOM和JS
一.DOM的基本定义DOM文本对象模型(document object model)是W3C组织推荐的处理可扩展置标语言的标准编程接口.它定义了访问文档的标准:“DOM是一种与平台和语言无关的应用程序接口(API),,它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”1.DOM 标准被分为 3 个不同的部分:核心 DOM - 所有文档类型的标准模型XML DOM - XML 文档的标准模型HTML DOM - HTML 文档的标准模型(下面说的是这种)2.HTML DOM树每一个网页原创 2021-09-17 16:29:41 · 427 阅读 · 0 评论 -
JS中的捕获和冒泡
当一个事件发生在具有父元素的元素上时,现代浏览器运行两个不同的阶段:捕获和冒泡 捕获阶段:浏览器检查元素的最外层祖先html,是否在捕获阶段注册lonclick事件,如果有,运行 检查html中点击元素的下一个祖先元素,执行相同操作; 依次执行,直到到达实际点击的元素. 冒泡阶段:浏览器检查实际点击的元素是否在冒泡阶段注册了onclick事件,如果有,运行; 检查下一个直接的祖先元素,执行相同操作; ...原创 2021-09-19 15:13:58 · 331 阅读 · 0 评论 -
DOM梳理
学习 DOM 其实就是掌握 DOM对象的 属性 和 方法.DOM的研究对象是document对象.每个载入浏览器的HTML文档都会成为document对象.document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。DOM将页面内的所有标签以对象的形式表现出来,标签内的id class style等属性 都作为对象的属性存在document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。DOM对象模型中各个对象间的层次从关系:原创 2021-09-22 17:42:58 · 239 阅读 · 0 评论 -
阶段03-JS进阶(总结02待补充)
5.BOM家族BOM 浏览器对象模型 提供操作浏览器的方法1.url 统一资源定位符 标识一个网络资源的地址包括:协议protocol: http/https 主机地址host: -IP(主机地址 每一台电脑主机都有自己特定的标识,ipv4/ipv6) -域名(等同于IP地址,更易记忆) 通过DNS解析找到对应我的IP 找到对应IP主机下的文件 域名=服务器名(类似于学院名,区分域名对应的不同业务 www官网/mail邮箱)+主域(类似大学名)端口号port:可以理解为窗口,主机之原创 2021-09-24 20:49:15 · 137 阅读 · 0 评论 -
DOM基础测试--不凡
DOM基础测试1.如何获取 DOM 对象document.getElementById(‘id’);document.getElementByClassName(‘className’);document.getElementByTagName(‘标签名’);document.querySelector(‘css选择器’); //返回的是css选择器的第一个值document.querySelectorAll(‘css选择器’); //返回的是所有被查找的元素 是一个类数组;2.常用属性st原创 2021-09-22 17:29:19 · 6534 阅读 · 0 评论 -
null和undefined区别?
js中null和undefined区别?转载 2021-09-18 16:03:02 · 207 阅读 · 0 评论 -
阶段02-JS基础(总结06)
1.基本数据和引用数据的区别2.对象的克隆复制原创 2021-09-30 18:09:57 · 110 阅读 · 0 评论 -
对JavaScript中闭包的理解?以及使用场景?
闭包的概念 作用 使用场景原创 2021-10-12 19:02:40 · 130 阅读 · 0 评论 -
阶段02-DOM基础(总结02)
1.通过关系获取节点2.nodeType属性3.节点的增删改查4.节点的属性操作5.标签的自定义属性6.节点的内容操作7.表单的内容操作案例:全选和反选原创 2021-09-30 18:15:33 · 125 阅读 · 0 评论 -
URL(统一资源定位符)各部分详解
URL各部分详解原创 2021-12-09 19:07:08 · 10478 阅读 · 0 评论 -
阶段02-JS基础(总结04)
1.函数 参数 返回值2.立即执行函数3.封装函数4.对象5.对象的基本操作6.对象的[]语法7.对象的遍历8.arguments对象原创 2021-09-30 18:04:10 · 121 阅读 · 0 评论 -
阶段02-DOM基础(总结01)
1.DOM模型2.BOM模型3.DOM树4.getElementsBy获取dom对象5.query获取dom对象6.行内样式7.类名操作8.事件机制原创 2021-09-30 18:13:12 · 146 阅读 · 0 评论 -
阶段03-JS进阶(总结03待补充)
1.AJAX原创 2021-10-07 19:59:05 · 104 阅读 · 0 评论 -
阶段02-DOM基础(总结03)
1.addEventListener2.捕获和冒泡3.定时器 案例:短信验证码案例:倒计时原创 2021-10-04 14:10:02 · 106 阅读 · 0 评论 -
js判断数组相等
判断js是否相等原创 2022-07-22 11:55:26 · 465 阅读 · 0 评论 -
阶段02-JS基础(总结02)
1.Math对象(三角函数运算了解)2.if-else语句3.while循环4.for循环及其嵌套原创 2021-09-30 17:58:02 · 173 阅读 · 0 评论 -
阶段02-JS基础(总结05)
1.数组方法-新增2.字符串方法3.作用域4.作用域链5.声明提升 🪝6.this指向7.构造函数和new8.递归原创 2021-09-30 18:08:45 · 95 阅读 · 0 评论 -
JS中Object.defineProperty()方法
Object.defineProperty()方法用来定义单个属性的属性描述符Object.defineProperty(obj, propertyName, descriptor)转载 2021-10-19 15:40:55 · 421 阅读 · 0 评论 -
理解 JavaScript 的 async/await
边城的理解 JavaScript 的 async/await转载 2021-10-20 19:23:28 · 86 阅读 · 1 评论 -
阶段02-JS基础(总结01待补充)
1.JS的引入方式2.常用语句3.变量4.变量的赋值与修改5.变量命名6.数据类型7.基本数据类型8.引用数据类型9.数据类型的判断10.隐式转换及其规则11.算数运算12.比较运算符13.相等判断14.逻辑运算及其短路15.自运运算16.parseInt 和parseFloat......原创 2021-09-30 17:55:12 · 82 阅读 · 0 评论 -
阶段02-JS基础(总结03)
1.代码断点调试2.date对象3.switch语句4.数组及其两个特性5.数组的基本操作6.数组的遍历7.多维数组8.数组的基本方法9.求数组最大值10.数组排序冒泡排序选择排序原创 2021-09-30 18:01:28 · 95 阅读 · 0 评论 -
对象属性描述符
对象属性描述符:数据属性&访问器属性原创 2022-08-08 17:02:40 · 364 阅读 · 0 评论 -
JS中的事件模型
JS事件模型转载 2022-08-08 11:25:01 · 334 阅读 · 0 评论 -
JS本地存储的方式?区别?应用?
cookie localStorage sessionStorage 各自特点以及区别原创 2022-08-08 15:51:23 · 2360 阅读 · 0 评论 -
作用域&作用域链
作用域链,如何找变量原创 2022-08-08 10:46:39 · 77 阅读 · 0 评论 -
事件代理?应用场景?
事件代理(委托)及其应用场景原创 2022-08-08 11:37:41 · 119 阅读 · 0 评论 -
如何实现上拉加载,下拉刷新(原生)?
上拉加载,下拉刷新的实现原理以及代码实现转载 2022-08-08 16:31:36 · 2071 阅读 · 0 评论 -
关于setTimeout函数中的this指向问题
setTimeout中的this转载 2022-08-05 14:34:16 · 1665 阅读 · 1 评论 -
防抖与节流
防抖与节流的区别和代码实现转载 2022-08-08 16:16:18 · 97 阅读 · 2 评论 -
ajax原理是?如何实现?
ajax原理简介、实现原理、代码实现、ajax封装转载 2022-08-08 16:48:59 · 403 阅读 · 0 评论 -
bind call apply的区别
bind call apply的区别以及如何使用bind和箭头函数改善setTimeout的this指向原创 2022-08-05 14:57:23 · 161 阅读 · 0 评论 -
事件循环是什么
什么是JS的事件循环?同步与异步?宏任务与微任务?async和await?await阻塞之后的属于微任务!!转载 2022-08-08 14:45:05 · 335 阅读 · 0 评论 -
JS原型,原型链,特点,应用?
JS原型和原型链原创 2022-08-08 11:07:28 · 177 阅读 · 0 评论 -
DOM操作节点
1.创建节点2.查询获取节点3.更新节点4.添加节点5.删除节点转载 2022-08-08 15:04:09 · 887 阅读 · 0 评论 -
常见的排序算法(假定要求从小到大升序)
排序算法原创 2022-08-04 18:18:47 · 164 阅读 · 0 评论 -
深拷贝和浅拷贝的区别?实现一个深拷贝?
深拷贝和浅拷贝的区别?手动实现一个深拷贝?原创 2022-08-05 15:24:16 · 148 阅读 · 0 评论 -
正则表达式
正则表达式规则及匹配方法原创 2022-08-08 11:53:34 · 98 阅读 · 0 评论