静静静啦-CSDN博客

原创滚动条兼容火狐浏览器

滚动条兼容火狐浏览器滚动条距离顶部距离let ele=document.getElementById("demo")console.log(ele.scrollTop)滚定条距离底部的距离let ele=document.getElementById("demo")console.log(ele.scrollTop)滚动到顶部document.documentElement.scrollTo(0,0)自定义滚动条样式<div class="beauty-scroll">

2021-12-30 15:17:23 476

原创 window.location用法总结及注意事项

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。在编写时可不使用 window 这个前缀。例如：当前网https://www.runoob.com/js/js-window-location.htmllocation.href 属性返回当前页面的 URL。<script> document.write(location.href);</script>输出为：https://www.runoob.com/js/js-w

2020-10-21 14:59:06 4467

原创理解JavaScript对象以及创建JavaScript对象

一切皆对象对象只是带有属性和方法的特殊数据类型。创建JavaScript对象通过 JavaScript，您能够定义并创建自己的对象。创建新对象有两种不同的方法：使用 Object 定义并创建对象的实例。使用函数来定义对象，然后创建新的对象实例。一、使用objectObject 构造函数创建一个对象包装器。Object 构造函数，会根据给定的参数创建对象，具体有以下情况：1.如果给定值是 null 或 undefined，将会创建并返回一个空对像2.如果传进去的是一个基本类型的值，则

2020-10-21 10:16:01 108

原创理解JavaScript DOM中querySelectorAll()和getElementsByTagName()区别

querySelectorAll()和getElementsByTagName()两者的主要区别就是返回值。前者返回的是NodeList集合，后者返回的是HTMLCollection集合。其前者是一个静态集合，后者是一个动态集合。其中动态集合和静态集合的最大区别在于：动态集合指的就是元素集合会随着DOM树元素的增加而增加，减少而减少；静态集合则不会受DOM树元素变化的影响。使用getElementsByTagName方法我们得到的结果就像是一个对象的索引，而通过querySelectorAll方法我们得

2020-10-21 09:39:05 156

原创理解JavaScript中的事件冒泡与捕获

事件传递有两种方式：冒泡与捕获。事件传递定义了元素事件触发的顺序。如果你将元素插入到元素中，用户点击元素, 哪个元素的 “click” 事件先被触发呢？在冒泡中，内部元素的事件会先被触发，然后再触发外部元素，即：元素的点击事件先触发，然后会触发元素的点击事件。在捕获中，外部元素的事件会先被触发，然后才会触发内部元素的事件，即：元素的点击事件先触发，然后再触发元素的点击事件。addEventListener() 方法可以指定 “useCapture” 参数来设置

2020-10-20 17:50:53 92

原创理解JavaScript中的JSON

JSON 是用于存储和传输数据的格式。JSON 通常用于服务端向网页传递数据。什么是JSON？1、JSON 英文全称 JavaScript Object Notation。2、JSON 是一种轻量级的数据交换格式。3、JSON是独立的语言。4、JSON 易于理解JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。JSON.parse()用于将一个 JSON 字符串转换为 JavaScript 对象。JSON.

2020-10-20 14:59:04 87

原创 JavaScript中的let，const，var

使用var关键字声明的全局作用域变量属于window对象。使用let关键字声明的全局作用域变量不属于window对象。使用var关键字声明的变量在任何地方都可以修改。在相同的作用域或块级作用域中，不能使用let关键字来重置var关键字声明的变量。在相同的作用域或块级作用域中，不能使用let关键字来重置let关键字声明的变量。let关键字在不同作用域，或不用块级作用域中是可以重新声明赋值的。在相同的作用域或块级作用域中，不能使用const关键字来重置var和let关键字声明的变量。在相同的作用域

2020-10-20 14:34:05 93

原创 key关键字作用

当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的列表渲染输出。为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key。建议尽可能在使用 v-for 时提供 key attribu

2020-09-09 15:41:30 570

原创 Vue中data为什么是一个函数？

当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。...

2020-09-07 17:57:12 117

weixin_41461089的博客