![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js
文章平均质量分 52
js
星繁~
认真搞前端,深度学习计算机内部原理
展开
-
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码,scrollTop,animate原创 2022-03-10 21:28:04 · 2167 阅读 · 0 评论 -
js常用小工具方法
下面展示一些 内联代码片。 // 日期格式化,转换成yyyy/MM/dd的格式formatDate(value) { const date = new Date(value) var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() if (month < 10) { month = '0' + month原创 2020-05-13 14:21:28 · 369 阅读 · 0 评论 -
js知识总结
js基础知识,数组some、every、基本数据类型filter、map,箭头函数和普通函数、实例方法、静态方法、实例属性、静态属性、函数和对象、闭包原创 2020-12-30 21:16:18 · 151 阅读 · 0 评论 -
js对象的遍历并非一成不变的按照顺序输出
对象的遍历并非一成不变的按照顺序输出转载 2022-01-10 16:43:34 · 534 阅读 · 0 评论 -
js操作dom
Jquery 动态增加option const fruitArray = [ { label: '苹果', value: 1 }, { label: '香蕉', value: 2 }, { label: '橘子',value: 3 }, { label: '梨',value: 4} ] // 等dom元素加载完再执行 $(document).ready(function () { f原创 2021-10-02 22:49:16 · 67 阅读 · 0 评论 -
JS判断元素是否出现了省略号
js判断元素是否出现了省略号,并且鼠标悬浮时,显示全部内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.staticfile.org/jquery/1.10.2原创 2021-09-28 21:04:40 · 2368 阅读 · 0 评论 -
js前端缓存的几种方法
一、缓存的好处当页面渲染的数据过多时,为了减轻对内存的占用,对初次接收且会用到的数据进行本地缓存,是有着大好处的.受网速等各种因素的影响,当渲染数据过多时,若存在频繁的切换页面,用户体验效果不佳。二、常见的本地缓存1. 利用storage来对数据进行存储(sessionStorage、localStorage)a. sessionStorage临时的会话存储,只要当前的会话窗口未关闭,存储的信息就不会丢失,即便刷新了页面或者在编辑器中更改了代码,存储的会话信息也不会丢失。b. localS转载 2021-07-01 09:09:43 · 9394 阅读 · 0 评论 -
js四舍五入和计算
序言:我们都知道 0.36 * 15=5.4,但是在计算机中得到的结果却是: 0.36 * 15=5.3999999999999995 // 而非 5.4原因请查看该篇文章:https://juejin.cn/post/6844903794875039751一、toFixed和 Math.round四舍五入1. toFixed()方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字,但其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则,银行家舍入:所谓银行家舍入转载 2021-06-28 20:23:29 · 428 阅读 · 0 评论 -
在js中arguments对象的理解
一、在函数调用的时候,浏览器每次都会传递进两个隐式参数函数的上下文对象this封装实参的对象arguments二、arguments 对象arguments 对象实际上是所在函数的一个内置类数组对象每个函数都有一个arguments属性,表示函数的实参集合,这里的实参是重点,就是执行函数时实际传入的参数的集合。arguments不是数组而是一个对象,但它和数组很相似,所以通常称为类数组对象,以后看到类数组其实就表示arguments。arguments对象不能显式的创建,它只有在函...转载 2021-02-06 16:50:23 · 308 阅读 · 1 评论 -
js获取的第一个子节点不是<div>?,为什么是text
如下所示,父级div的第一个子节点是div,但是实际当中获取到的第一个子节点却显示为text<!DOCTYPE html><html><head><meta charset="utf-8"></head><body> <div id="parent"> <div>111</div> <div>222</div> <div>333</d原创 2021-02-03 21:29:43 · 576 阅读 · 1 评论 -
js获取屏幕、浏览器、页面的高度宽度
本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。一、介绍1. 容器一个页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。2. 物理尺寸和分辨率容器的尺寸是指当前分辨率下的高度、宽度,而不是物理高度、宽度。如:一个22寸的显示器,屏幕分辨率为1366 * 768,那么获取到的屏幕高度为1366px,宽度为768px。3. 展示图注意:图中的body根转载 2021-02-03 20:15:34 · 7942 阅读 · 0 评论 -
JS获取元素的高度
样式div{ background-color:gray; display:flex; justify-content: center; align-items: center; } .box{ width:300px; height:200px; border:1px solid #ccc; padding:10px 20px; // 上下10px 左右20px }标签<div id="div" class="box"&原创 2021-02-03 14:59:51 · 15501 阅读 · 0 评论 -
js中的冒泡事件以及如何阻止冒泡
事件冒泡:当一个元素上的事件被触发的时候,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。(BUG)例如:比如说鼠标点击了一个按钮,当父div与子div共同加入了onclick事件时,当触发了子div的onclick事件后,子div进行相应的js操作;但是父div的onclick事件同样会被触发。这就造成了事件的多层并发,导致了页面混乱。这就是冒泡事件。取消冒泡就是取消这种机制。阻止JavaScript事件冒泡传递(canc原创 2021-02-02 17:10:36 · 1015 阅读 · 3 评论