自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (1)
  • 收藏
  • 关注

原创 node.js实现文件拷贝

【代码】node.js实现文件拷贝。

2022-11-16 20:28:14 846 1

原创 js简单倒计时功能(天、时、分、秒)

js倒计时 运行结果:

2022-06-23 17:39:30 3170

原创 吸顶效果(原生js)

实现代码如下:<!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"> <t

2022-05-07 20:46:33 284

原创 js事件监听及解除事件监听兼容性写法

<div id="box" style="width: 200px;height: 200px;background-color: pink;"></div> <script> var box = document.getElementById('box'); function fun() { alert(1); } //事件监听 function add...

2022-05-05 15:45:35 1963

原创 数组去重方法(js)

1、利用数组的indexOf下标属性进行查询 var arr = [1, 1, -1, 2, 5, 2, 4, 5]; var newArr = []; for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) == -1) { newArr.push(arr[i]); } } c

2022-04-29 21:08:06 201

原创 forEach()的用法(增强型for循环)

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。并不会改变原数组,默认返回undefined语法:array.forEach(function(currentValue, index, arr), thisValue)forEach() 不支持的 continue 与 break 语句可使用return实现continue的效果var arr=[1,2,3,4];var a=arr.forEach(function(value,index,arr){

2022-04-23 17:18:50 855

原创 js sort()对指定数组排序

sort()的排序规则是通过数组内容的第一位内容的字符编码进行排序(如果第一位相同就看第二位以此规律类推)可以通过字符串的charCodeAt()来查看指定字符串的字符编码1、对数组内容从小到大排序var arr1=[1,5,8,3,9];console.log(arr1.sort());//[1, 3, 5, 8, 9]/*对负数有局限性,最好使用函数传参返回值进行比较*//*例:var arr1=[-2,-11,1,5,8,3,9,-99];console.log(arr1.sor

2022-04-23 16:40:42 446

原创 js字符串的常用方法

js字符串的常用方法

2022-04-21 12:54:05 1679

原创 字符串方法——截取字符串

一、substringString.substring(start, end)//start 从第几位开始截取//end 截取到第几位例:1、var str='abcdefg';console.log(str.substring(1,3));//输出'bc'2、如果只有一个参数,那么就从第一个参数的位置截取到最后var str='abcdefg';console.log(str.substring(0));//输出'abcdefg'console.log(str.s

2022-04-12 23:29:20 3999

原创 js小案例:实现选项卡功能

js小案例:实现选项卡功能html部分代码 <button>1</button> <button>2</button> <button>3</button> <div>内容1</div> <div>内容2</div> <div>内容3</div>css部分代码 <style>

2022-04-12 15:35:32 708

原创 js实现元素的拖拽

js小案例:实现元素的拖拽功能实现拖拽,必须使用到三个事件,并且这三个事件的使用顺序不能颠倒。onmouseover:鼠标按下事件onmousemove:鼠标移动事件onmouseup:鼠标抬起事件注意点:元素一点要绝对定位,只有脱离文档流才能移动。绑定拖拽的元素,移动事件和抬起事件是对document的绑定。基本思路:1、点击*a: 获取当前鼠标坐标(X轴和Y轴)*b: 获取需要拖拽的元素到浏览器的距离(上边距和左边距)*c=a-b:得到鼠标当前在需要拖拽的元素的内部距离

2022-04-12 11:47:38 1199

vue2简单封装轮播图组件

轮播图组件,实现左右滑动,自动无限无缝轮播,点击事件

2023-03-20

JavaScript九宫格抽奖

简易九宫格抽奖

2022-05-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除