JavaScript
文章平均质量分 50
我的头发,在哪里!!
这个作者很懒,什么都没留下…
展开
-
原生JS实现京东同款轮播图
把八张图片通过绝对定位排在同一个位置上面,然后通过CSS设置第一张图片为z-index:1;opacity:1;将其显示出来,然后其他图片属性opacity设为0,z-index默认设为0,这样第一张图片会先显示出来,并且压住其他的图片,然后JS点击事件来控制哪张图片的显示。京东的轮播图主要是通过设置元素的opacity和z-index层级关系实现。我们打开京东首页时回到看这样的一个轮播图。原创 2023-08-08 09:00:00 · 365 阅读 · 0 评论 -
var、let、const的区别
let、const和var都存在"暂时性死区"的概念。在一个作用域中,当使用let或const声明一个变量或常量时,该变量或常量会在声明之前被绑定到该作用域。let和const的作用域是块级作用域。块级作用域是指在{}中的任何地方声明的变量只在该块内部有效。var在函数内部声明的变量只在该函数内部有效,而在函数外部声明的var变量为全局变量,全局有效。除了const声明的不能修改,let 和 var 声明的变量都能够修改。let声明的变量不提升。let声明的变量不提升。原创 2023-08-03 16:52:28 · 28 阅读 · 0 评论 -
JS禁止滚动条滚动
我们在写项目时候可能会遇到这样一种效果:点击按钮,弹出一个对话框,此时只能在框内操作,此时滚动条消失并禁止滚动或是这样的。原创 2023-08-07 16:45:30 · 2274 阅读 · 1 评论 -
JS所有常用数组方法
lastIndexOf(): 返回在数组中可以找到给定元素的最后一个索引,如果不存在,则返回-1。lastIndexOf(): 返回在数组中可以找到给定元素的最后一个索引,如果不存在,则返回-1。否则返回 undefined。map(): 创建一个新数组, 其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。map(): 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。indexOf(): 返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1。原创 2023-08-22 23:14:12 · 52 阅读 · 1 评论 -
JS防抖和节流
JS防抖(Debounce)是一种常用的前端开发技术用于对频繁触发的事件进行优化处理。当一个事件被触发时,防抖技术会延迟执行该事件处理函数,并且如果在延迟期间内该事件再次被触发,延迟期会被重新计算,只有当事件停止触发一定时间后,才会执行事件处理函数。防抖的主要目的是减少频繁触发事件时的不必要的重复操作,提升页面性能和用户体验。常见的应用场景包括搜索框输入联想、按钮点击、窗口大小改变等需要进行网络请求或者计算的操作。JS节流(Throttle)也是一种常用的前端开发技术,用于控制事件的触发频率。原创 2023-07-28 19:39:18 · 67 阅读 · 1 评论 -
原生JS实现发送短信效果
【代码】原生JS实现发送短信效果。原创 2023-08-16 20:39:19 · 252 阅读 · 1 评论 -
关于JS的原型
在 JavaScript 中,每个对象都有一个原型(prototype)。原型是一个对象,拥有属性和方法,可以通过原型继承属性和方法,能够实现内存共享和对象之间的属性和方法的共享。原型的作用!important(很重要那种!!1.内存共享2.实现数据共享。原创 2023-07-25 00:18:40 · 44 阅读 · 0 评论