网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > javascript
  • JavaScript数组中插入一个值最简单高效的方法

    给一个数组arr=[张三,李四,王五,小六,红七],索引第二位插入呵呵姑娘,设计一个函数change,调用change(arr, 2, 呵呵姑娘)返回一个新数组[张三,李四,呵呵姑娘,王五,小六,红七]。 当然实现这个需求的JavaScript方法很多,今天我们只说说最高效和最简单的方法: …

    2022/1/11 18:00:33
  • JavaScript实现图片预览放大镜效果(含源码)

    我们在网上经常会碰到图片预览鼠标经过局部放大图片的效果,今天我们就来看看这个效果是如何实现的。实现方法 借助宽高等比例放大的两张图片,结合JavaScript中鼠标偏移量、元素偏移量、元素自身宽高等属性完成; 左侧遮罩移动Xpx,右侧大图移动X*倍数px;看…

    2022/1/11 16:43:49
  • js实现点击图片500毫秒后显示红色边框(含源码)

    点击图片改变图片边框颜色,今天我们就来介绍通过JavaScript实现点击图片500毫秒后显示红色边框的方法<!DOCTYPE html><html><head><meta charset="utf-8"> <title>js实现点击图片500毫秒后显示红色边框(含源码)www.woaidaogu.co…

    2022/1/10 12:21:30
  • JavaScript合并两个数组并去重的方法

    我们经常会遇到需要在JavaScript合并两个数组并去重的需求,今天我们就来给大家分享一下我是如何实现的JavaScript合并两个数组并去重。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co…

    2022/1/8 13:16:33
  • escape()、encodeURI()、encodeURIComponent()适合什么时候使用?

    JavaScript中有三个字符串编码的函数:escape,encodeURI,encodeURIComponent,对应的3个解码函数:unescape,decodeURI,decodeURIComponent 。escape() 函数 可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。 该方法不会对 ASCII 字母和数字进…

    2022/1/8 13:10:28
  • JavaScript判断变量是否为数组类型的3种方法

    我们经常会碰到需要判断某个JavaScript变量是否为数组类型,今天我们就介绍几种方法:方法一://自带的isArray方法var array6 = [];Array.isArray(array6 );//true方法二://利用instanceof运算符var array5 = [];array5 instanceof Array;//true方法三://利用toString的…

    2022/1/6 10:59:37
  • JavaScript数组随机打乱顺序的2种方法

    有时我们需要把JavaScript数组的顺序打乱,今天我们就来介绍两种方法:方法一://每次随机抽一个数并移动到新数组中function shuffle(array) { var copy = [], n = array.length, i; // 如果还剩有元素则继续。。。 while (n) { // 随机抽…

    2022/1/6 10:54:44
  • JavaScript数组去除重复元素的7种方法

    JavaScript数组去除重复元素的方法很多,今天我们就来说说其中的几种方法,看看他们都有什么利弊方法一:利用 es6 filtervar arr = [1,4,2,5,6,4,2,7]var arr1 = arr.filter(function(element, index, self){ return self.indexOf(element) == index});arr1 //[1, 4…

    2022/1/6 10:45:48
  • JavaScript new Date()常用方法代码汇总

    以下是我使用JavaScript Date()对象常用的一些方法,今天我将其汇总一下分享给大家:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11…

    2022/1/4 15:11:32
  • js获取当前时间戳的三种方法

    javascript获取当前时间戳的方法有很多,今天我们主要介绍 javascript获取当前时间戳常用的三种方法: 第一种方法: var timestamp =Date.parse(new Date()); 结果:1280977330000 第二种方法: var timestamp =(new Date()).valueOf…

    2022/1/4 15:02:02
  • Vue实战之制作线性环形进度条

    掌握一门语言最重要的就是实践,今天我们就通过Vue来实现线性进度条和环形进度条设计思路进度条分类:线性进度条(采用DIV嵌套实现),环形进度条(采用SVG实现)。提取共性特征:颜色,高度,显示内容,图标样式等属性值的提取,根据属性来区分展示的,采用计算属性实现…

    2022/1/2 15:43:24
  • Vue实战之制作美女拼图游戏

    本例是通过Vue来制作美女拼图游戏,其中拼图游戏一共分5关,分别是3*3,4*4等,难度逐级增加,所用图片的均是500px*500px大小,如下图所示: 当拼图完成时,询问是否进行下一关,如下所示: 下一关,效果如下所示: 其他效果图类似,只是分的行和列…

    2022/1/2 15:30:16
  • 什么是非线性时间比较类排序和线性时间非比较类排序?

    非线性时间比较类排序 通过比较来决定元素间的相对次序,由于其时间复杂度不能突破 O(nlogn),因此称为非线性时间比较类排序。 非线性时间比较类排序具体包括: 1、冒泡排序 2、快速排序 3、简单插入排序 4、希尔排序 …

    2022/1/2 15:17:27
  • js输入关键词提示效果的实现(含源码)

    我们经常会在网站上看到,在输入框输入关键字,会在下面显示相关关键字的提示,这个效果如何实现呢?主要是用到了JavaScript的ajax特效,今天我们就来看看具体实现的代码。<!DOCTYPE html><html><head><meta charset="UTF-8"><meta…

    2021/12/30 16:21:03
  • ajax模拟html表单的post请求代码怎么写?

    ajax普通的post请求这样写:  xmlhttp.open("POST","http://www.woaidaogu.com/ajax/post.php",true);xmlhttp.send();ajax模拟html表单的post请求代码这样写: 如果需要像 HTML 表单那样 POST 数据,要使用setRequestHeader()来添加HTTP头,…

    2021/12/30 16:13:13
  • ajax发送请求method使用get还是post方法?

    javascript ajax发送请求的open(method,url,async)方法中的method可以使用get或post,那么究竟什么时候用get,什么时候使用post,今天我们就来聊聊这个问题, 我们首先聊聊GET 和 POST 两个方法的区别:  1、发送的数据数量    在 GET 中,只能发送有限数量…

    2021/12/30 16:05:58
  • JavasScript实现的一款丝滑的抽奖页面(含源码)

    我们需要实现的效果就是当点击"开始抽奖"按钮时从1积分, 5积分, 10积分, 20积分, 谢谢惠顾, 再来一次这几项中随机显示一个,大家看到这里就觉得,这么简单的功能有什么好实现的,用JavasScript就几行代码的事,但我们想实现的效果是高级的丝滑感的抽奖页面,来…

    2021/12/28 15:32:00
  • setTimeout/setInterval定时不准确的原因及解决方法

    JavaScript中定时器主要有setTimeout和setInterval,但是它们在执行时往往和我们设置的延迟时间有出入。 setTimeOut函数执行需满足的两个条件之一:主进程必须是空闲状态,这就意味着即便定时器时间到了,但由于主线程并未空闲,因此就不会立即执行回调。原因分析…

    2021/12/28 15:18:07
  • js如何判断一个变量是否存在声明的方法?

    在JavaScript中我们如何去判断一个变量是否声明?有的人会这样写<!DOCTYPE html><html><head><meta charset="utf-8"> <title>js如何判断一个变量是否存在声明的方法——www.woaidaogu.com</title> </head><body&…

    2021/12/28 15:08:59
  • Javascript中NaN的作用及isNaN()函数用法

    Javascript中NaN的作用 NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。 JavaScript 以 NaN 的形式输出 Number.NaN。请注意,NaN 与其他数值进行比较的结果总是不相等的,包括它自身在…

    2021/12/25 14:30:21
共231记录«上一页1234...12下一页»