js
关注
分享
扫一扫
文章平均质量分 50
草莓煎饼
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
同一个Swiper轮播图多个按钮实现切换效果
一般的轮播图点击切换轮播图都是通过左右箭头或者分页器来进行更改，但是需要的页面往往不可能按照一个样子去排版，那我们该如何去实现点击切换到想要的轮播图呢？下面的图片就列举了三种我们常见需要解决的情况，有八张需要轮播的图片在看下面的之前，可以先想想看，这三个该如何使用swiper里面的按钮去实现功能呢？我们先从最简单的开始第二个，可以明显看出第二个它就是上一张和下一张的按钮，所以我们只需要把按钮放在那个位置就可以实现了。所以这里用的是前进后退切换按钮按钮在什么位置都可以，只要你可以定位到它就可以了原创 2021-10-31 21:49:20 · 2745 阅读 · 0 评论 -
javaScript中call()、bind()和apply()都是改变this的指向，那么它们的区别和用法是如何的呢？
了解call()、bind()、apply()之前我们需要先了解一下this的指向案例1：var name = "王五",age =20; var Person ={ name:"张三", age:18, message:function(){ console.log("姓名："+name+" 年龄："+age) } }Person.message(); //姓名：王五 年龄：20案例1 的结果似乎和所想的结原创 2021-10-10 20:39:53 · 135 阅读 · 0 评论 -
什么是函数的防抖和节流？如何实现防抖和节流呢？
防抖：连续不断触发，只执行一次。例如：进电梯，不断有人进入，电梯门就不会关，一旦没有人进入，电梯就会关门防抖执行情况分两种：第一种：最开始一次执行案例：var box = document.querySelector(".box");var num = parseInt(box.innerHTML);var timer = null;var flag = true;box.onclick = function(){ console.log("被点击") clearTimeo原创 2021-10-08 10:48:42 · 195 阅读 · 0 评论 -
使用js实现 表的 “增删改查上下移动” 功能
要实现图片中的的效果，废话不多说直接上代码html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&.原创 2021-09-25 22:23:55 · 1097 阅读 · 1 评论 -
js多种数组去重和数组中对象去重方法
一、数组去重方法前面一个和后面一个进行比较for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[j] == arr[i]){ arr.splice(j,1); j--; } } } console.log(arr);使用indexOf()方法var arr1 = [5,4,10,1原创 2021-09-18 13:41:13 · 288 阅读 · 1 评论 -
JS 一维数组几种简单好用的排序方法
1、sort()方法排序var arr = [10, 57, 88, 60, 20, 30, 24, 50, 80, 29];arr.sort(function(a,b){ //return a-b;//升序 return b-a;//降序 })console.log(arr);2、选择排序var arr = [10, 57, 88, 60, 20, 30, 24, 50, 80, 29];for(var i = 0; i < arr.length; i++) { for(va原创 2021-09-08 22:03:24 · 917 阅读 · 0 评论 -
使用js实现动态时间
<body onload="actTime()"> <div id="time"></div> <script> function actTime(){ var time ,year,month,day,hour,minutes,seconds,da,weeks,week; setInterval(function(){ time = new Date(); year = time.getFullYear(..原创 2021-09-08 19:13:11 · 956 阅读 · 0 评论 -
使用js实现从某个点开始倒计时
<body onload="startTime()"> <script> function startTime(){ //1、定义将来时间，这里以2021/10/01为目标时间 var preDate = new Date('2021/10/01 00:00:00'); var preTimes = preDate.getTime();//获取目标日期距离1970年1月1日毫秒数 //2、开启定时器 setInterval(fun原创 2021-09-08 19:09:04 · 416 阅读 · 0 评论 -
了解什么是预解析
预解析：提前解析代码之前预解析做什么事？把变量的声明提前了 ---- 提前到当前所在的作用域的最上面函数的声明也会被提前 — 提前到当前所在域的最上面小小的脑袋，大大的疑惑说啥呢？？？先举个例子：console.log(num);//结果为：undefinedvar num=10;如果是从未了解过预解析的，肯定很困惑，为什么是undefined，之前猜想结果可能报错，或者是10。其实它代码运行过程是这样的：var num;console.log(num);num = 10;所原创 2021-06-20 19:21:57 · 971 阅读 · 0 评论 -
js中全局变量、局部变量和隐式全局变量的区别
一、全局变量：声明的变量是使用 var 声明的，那么这个变量就是全局变量，全局变量可以在页面的任何位置使用。var num1 = 20;//全局变量 for(var i =0;i<10;i++){ var num =10;//全局变量 }; console.log(num);//10 console.log(num1);//20除了函数以外 ，其他的任何位置定义的变量都是全局变量。var num1= 20;//全局变量function f(){ var num3 =3原创 2021-06-20 17:44:21 · 856 阅读 · 0 评论 -
js基本的分支语句和循环语句，学会写九九乘法表和斐波拉契数列等常用案例
流程控制有三种方式：1、顺序结构：从上到下，从左到右执行的顺序2、分支结构：顾名思义就是多个分支，但只走一个分支3、循环结构：循环做相同的事情一、分支语句:if语句主要判断语法：if(表达式){代码块}执行过程：先判断表达式的结果是true，还是false，如果是true则执行代码块，如果为false，则不执行代码块var age=23;if(age>18){ alert("可以看电影了"); };if-else语句两个分支，只能执行一个分支i原创 2021-06-17 23:29:33 · 184 阅读 · 0 评论 -
常用的DOM事件(鼠标事件)
鼠标事件onclick事件定义：元素被点击时触发语法：HTML中：< element οnclick=“SomeJavaScriptCode”>JavaScript中：object.onclick = function(){SomeJavaScriptCode}<button οnclick="fun1()">点我</button>function fun1(){ alert("触发点击事件");};ondblclick事件定义：双击时触发语原创 2021-06-03 21:07:18 · 589 阅读 · 1 评论 -
js中用于提取、替换、删除字符串的常用方法
replace()方法定义：用一些字符 替换 另一些字符，或替换一个与正则表达式匹配的字符串语法：string.replace(searchvalue,newvalue);注意：该方法 不会改变原有的字符串var str1 = "Hello World Hello hello"; console.log(str1.replace("Hello","Red"));//Red World Hello hello console.log(str1.replace(/Hello/g,.原创 2021-05-30 19:55:46 · 1503 阅读 · 0 评论 -
js中使用字符串方法判断在字符串中是否出现过某个字符串的几种方法
indexOf()方法定义：本方法返回某个指定的字符串值在字符串中首次出现的位置，如果 没有找到 匹配的字符串则 返回-1注意： 区分大小写语法：string.indexOf(searchvalue,start);searchvalue:必须，需要检索的字符串值start:可选参数，规定在字符串中开始检索的位置var str1 = "acbCcdcecfghijklmndopq"; console.log(str1.indexOf("c",3));//4，第一次出现的位置 .原创 2021-05-30 19:21:30 · 1285 阅读 · 0 评论 -
JavaScript中获取页面元素的六种方式
根据i指定的id名选中页面元素document.getElementById("id名");根据指定的标签名选中页面中所有满足条件的元素document.getElementsByTagName("标签名");根据指定的name属性名选中页面中所有满足条件的元素document.getElementsByName("name属性");根据指定的类名选中页面中所有满足条件的元素根据document.getElementsByClassName("类名")用来选中页面元素，根据给定的选择原创 2021-05-28 11:37:17 · 5066 阅读 · 1 评论 -
详解js中EventListener监听器（事件委托/事件代理）
监听器：语法：**addEventListener(event,function,userCapture)**方法第一个参数写事件句柄，不需要加"on",直接写时间名就可以（如：click）第二个参数是事件触发后调用的函数第三个参数是个布尔值用于描述事件是冒泡还是捕获,该参数是可选值，默认值为false，即冒泡传递，当值为true时，为捕获传递触发监听器事件://第二个参数写匿名函数<button id="btn"></button><script>do原创 2021-05-11 16:49:51 · 4751 阅读 · 0 评论