![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
水蜜桃那么甜
这个作者很懒,什么都没留下…
展开
-
js用递归改写多重数组
后台给返回的数据是这样的现在想得到这样的数据而且后台给的数组中并不确定是几层的,所以这里必须用到递归函数。用了下面的代码 let routerArr = JSON.parse(JSON.stringify(value)); function formatRoutes(routerArr){ const arr = [];原创 2020-12-30 13:44:39 · 1055 阅读 · 0 评论 -
js数组中的几种排序
1.冒泡排序//每轮依次比较相邻两个数的大小,后面比前面小则交换var b=0//设置用来存儲调换位置的值var a=[1,9,33,2,5,34,23,98,14]//冒泡排序for(var i=0;i<a.length;i++){ for(var j=0;j<a.length;j++){ if(a[j]>a[j+1]){ b=a[j] a[j]=a[j+1] a[j+1]=b转载 2020-12-19 10:09:49 · 272 阅读 · 1 评论 -
echarts图使用的总结
1 整个echarts图的大小及位置grid: { x: "12%",//x 偏移量 y: "18%", // y 偏移量 width: "76%", // 宽度 height: "70%"// 高度}2 提示框位置position: function (point, params, dom, rect, size) { return [point[0]+20, point[1]-25];}3去掉刻度线axisTick: { .原创 2020-12-03 15:44:58 · 228 阅读 · 0 评论 -
高频实用的 JavaScript 片段
1.三元运算符let someThingTrue = trueif(someThingTrue){ handleTrue()}else{ handleFalse()}****** 以下是简短版本 ******let someThingTrue = truesomeThingTrue ? handleTrue() : handleFalse()2.短路或运算const defaultValue = "SomeDefaultValue"let someVa转载 2020-09-02 15:17:19 · 144 阅读 · 0 评论 -
按回车键实现登录
1 按键修饰符<el-form-item prop="password"> <el-input @keyup.enter.native="login" type="password" v-model="form.password" placeholder="密码" prefix-icon="myicon myicon-key" ></原创 2020-09-02 14:53:59 · 662 阅读 · 0 评论 -
仅两行代码实现文字播报功能
<script type="text/javascript"> var msg = new SpeechSynthesisUtterance("输入要朗读的文字"); window.speechSynthesis.speak(msg); </script>原创 2020-08-31 14:37:46 · 221 阅读 · 1 评论 -
高阶数组方法
1.forEach()方法遍历数组var arr=[1,2,3,4,5]; arr.forEach(function(item,index,self){ console.log(item,index,self); })2.map() 方法通过映射返回一个新的数组var arr=[1,2,3,45,6]var arr1=arr.map(function(item){ return item*2})console.log(arr1)3.filter() 方法通转载 2020-08-21 11:05:07 · 500 阅读 · 0 评论 -
jquery复习与补充
jQuery 提供多个处理尺寸的重要方法:width() height() innerWidth() innerHeight() outerWidth() outerHeight()jQuery width() 和 height() 方法width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。jQuery innerWidth() 和 innerHeight() 方法innerWidth原创 2020-08-10 09:46:05 · 137 阅读 · 0 评论 -
找到字符串中的所有数字
1 数组+字符串// 定义字符串 var str = "sljlagjhaglk拉三等功2353离开家2346lsdlkfdlkfd30294875dlgskfslkfldk123"; // 定义接收数字的数组 var arr = []; // 定义临时存放数字的字符串 var strTemp = ""; // 遍历字符串 for (var i=0; i<str.length; i++) { // 利用if语句判断是否是数字 if (str.charCod转载 2020-08-07 10:44:16 · 1867 阅读 · 1 评论 -
js之数组去重
一、双层循环const unique = (arr)=>{ for(let i = 0; i < arr.length; i++){ for(let j = i + 1; j < arr.length; j++){ if(arr[i] === arr[j]){ arr.splice(j, 1); // 移除重复元素 j--; // 修正下标 }转载 2020-08-06 15:14:01 · 167 阅读 · 0 评论 -
回调地狱的解决方式
当我们遇到回调地狱,通常都是怎么解决的呢,如果不使用 async/await,那么写出来的代码,大部分(包括我)都是又臭又长的,不忍直视,那么使用下面的写法,会更加赏心悦目哦!1.第一种,普通的写法 bookModel.getHotList().then(res => { console.log(res) bookModel.getMyBookCount().then(res => { console.log(res) bookM转载 2020-08-06 10:32:02 · 213 阅读 · 0 评论 -
jq和vue的区别
jquery和vue的区别是什么?本篇文章就给大家简单比较一下jquery和vue.js,让大家了解jquery和vue.js之间有哪些区别。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。首先我们来了解一下jquery和vue是什么?Vue.js是什么?Vue.js是一个前端JavaScript框架,用于构建用户界面。它是开源的。当使用其他JavaScript库时,它还可以用作集成工具。它本质上是增量自适应的。Vue还用作Web应用程序框架,可以为单页面应用程序提供支持。它创建原创 2020-07-31 16:17:12 · 1179 阅读 · 0 评论 -
js中for,forEach,for in,for of的简单实例对比
1. for 遍历数组let array = [1,2,3,4,5]; for (var i = 0; i < array.length; i++) { console.log(i,array[i]); console.log(typeof i)} // 打印结果 注意这里的i也就是数组index打印的类型是number0 1number1 2 number2 3number3 4number4 5number2. for in 遍历转载 2020-07-31 10:26:26 · 109 阅读 · 0 评论 -
fastclick.js 使用的3种方法
对于移动端有个普遍存在的问题,就是手机端click事件延迟300ms,如何解决这300ms的问题,从而提高用户使用效率呢?下面为几种详细的解决方法。如何使用呢?1.https://www.bootcdn.cn/fastclick/ 下载文件2.导入js文件 <scriptsrc=’fastclick.js’></script>3.使用3.1:js中添加if (‘addEventListener’ in document) {document.ad...原创 2020-07-30 10:01:50 · 2256 阅读 · 0 评论 -
总结JS中判断数据类型的三种方式
JS现有数据类型在了解如何判断数据类型之前,我们首先要明确现在JavaScript中有几种数据类型。 JavaScript中数据类型分为两类:基本数据类型和引用数据类型。基本数据类型包括:Boolean、String、Number、Null、Undefined、Symbol(ES6新增)、BigInt(ES6新增)七种。引用数据类型包括:Object、Function、Array、Date、RegExp五种。一张图概括:(一) typeoftypeof一般用于判断基础类型,它的具体用法.转载 2020-07-30 09:46:27 · 485 阅读 · 0 评论 -
js点击页面出现爱心
直接放代码//点击页面出现爱心 (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationF.转载 2020-07-22 14:54:16 · 549 阅读 · 0 评论 -
严格模式和普通模式的区别
简介严格模式的优点规避代码不严谨不规范的地方,提高了安全性 提高了编译器的执行效率 为后续版本做铺垫在当前环境顶部,使用了 “use strict”,此时的环境变成了严格模式环境在script标签的顶部写“use strict” 在函数的顶部写“use strict”严格模式和普通模式有以下几种区别变量声明 禁止使用with 设立eval作用域 函数中的this指向问题 删除变量 函数参数不能重名 八进制字面量表示法 arguments不追踪参数变化变量声明注意转载 2020-07-22 11:43:34 · 354 阅读 · 0 评论 -
关于javascript跳转与返回和刷新页面
javascript中window.open()与window.location.href的区别1 window.open(‘index.html’) 表示新增一个窗口打开 index.html 这个页面,并不刷新location.href(‘index.html’) 表示在当前窗口重定向到新页面,打开并刷新 index.html 这个页面2 window.location 是 window 对象的属性,用来替换当前页,也就是重新定位当前页而window.open 是 window 对象的方法,转载 2020-07-20 10:06:05 · 422 阅读 · 0 评论 -
数组的筛选
1 找到数组中的对应的项有以下两种数据:let arr1 = [1,2]let arr2 = [ { id:1, name:'张一' }, { id:2, name:'张二' }, { id:3, name:'张三' }, { id:4, name:'张四' }]要求从爱arr2中筛选中对应的arr1里边id的数据,下面写一个方法functi原创 2020-06-13 11:37:56 · 1019 阅读 · 0 评论 -
JS延迟加载的几种方式
JS延迟加载,也就是等页面加载完成之后再加载 JavaScript 文件。有助于提高页面加载速度。一般有以下几种方式:1:defer 属性,async 属性2:动态创建DOM方式3:使用jQuery的getScript方法4:使用setTimeout延迟方法5:让JS最后加载1. defer 属性<!DOCTYPE html><html><...原创 2020-03-31 10:59:29 · 533 阅读 · 0 评论 -
数组Map与forEach
一,forEach和Map是用来做什么的forEach和Map 原则上来讲是用于数组的遍历。二,forEach和Map有什么不同1.使用forEach遍历数组时,如果数组有空元素,可以跳过空元素。2.使用map会返回一个与原数组长度相等的新数组,而forEach不不能反回值,使用return无效。三,forEach案列先创建一个数组arrvar arr=[1,2,3,4,5,6,...原创 2020-03-30 17:43:22 · 327 阅读 · 0 评论 -
2020-03-17 es6补充学习
1 对res的处理let res={ status:200, id:200, data:[{name:'bob'},{name:'aa'}]}let {status,id,data} = res;2 对Math的处理let {pow,floor} = Math;console.log(pow(2,3))//83 对长度的处理let {length}...原创 2020-03-17 17:00:36 · 95 阅读 · 0 评论 -
前端做按钮的方法介绍以及input与button的区别
开工了!!!四种方法:1 <input type=“button” /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。2 <input type=“submit” /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。会提交到form标签的指定action路径中,详细请翻阅文档查看form标签。...原创 2020-03-05 09:30:57 · 1542 阅读 · 0 评论 -
js对象学习
1 对象基础知识初级和中级的分水点:面向对象(类、原型和原型链)平时使用的json都是new Object()缩写var json=new Object();var json2={};console.log(json,json2)//都一样字面量:字面上显示的东西就叫做字面量var a1='abc'console.log(a1)//abc包装类:没有new的...原创 2020-01-19 14:04:07 · 156 阅读 · 0 评论 -
JS中call,apply和bind方法的区别和使用场景
一、call,apply和bind方法的来历 在js中所有的函数都是Function的实例,而且对于Function来说,它的原型即Function.prototype中含有很多东西,其中call,apply和bind方法就是Function原型中的方法,所以根据原型的规则,所有的函数都可以使用原型中属性和方法,所以来说,对于所有的函数都可以使用call,apply和bind方法。...原创 2020-01-07 15:25:21 · 384 阅读 · 0 评论 -
es6学习
1 基础知识补充ESnext--下一代js语言任何人都可以向标准委员会(TC39),要求更改语言标准Stage 0 展示阶段 Stage 1 征求意见阶段 Stage 2 草案阶段 Stage 3 候选阶段 Stage 4 定案阶段(标准)2 声明变量let const块级作用域{}let 相当于之前的varconst ...原创 2020-01-03 14:03:30 · 379 阅读 · 0 评论 -
贪吃蛇
这个游戏用到了最基础的js。html部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css...原创 2020-01-03 11:23:31 · 297 阅读 · 0 评论 -
Typescript基础
1 概述官网:typescriptlang.org特点:编译型语言;强类型语言;真正的面向对象语言(有接口、有泛型、有访问修饰符)安装:npm install -g typescriptatom-typescript2 编译tsc xxx.ts只编译不执行有三种扩展名可选:.ts .tsx .d.ts3 数据类型有类型的scriptv...原创 2019-12-27 14:03:56 · 164 阅读 · 0 评论 -
图片查看器 Viewer.js
插件简介Viewer.js 是一款强大的图片查看器,提供了纯 JS 版本和 jQuery 版本,具有以下特点:支持移动设备触摸事件 支持响应式 支持放大、缩小 支持旋转(类似微博的图片旋转) 支持水平、垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事件官网地址:http://fengyuanchen.gith...原创 2019-10-16 17:42:37 · 1574 阅读 · 2 评论 -
常用时间处理函数(持续更新中)
常用时间处理函数一、时间戳转化为时间 function timestampToTime(timestamp) { var date = new Date(timestamp); var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ?...原创 2019-09-19 09:23:51 · 220 阅读 · 0 评论 -
js中if 和 switch 判断语句的区别
先来看两端代码:if语句 var num = 5; if(num>7){ document.write('数字大于7') }else if(num>6){ document.write('数字大于6') }else if(num>5){ document.write('数字大于5') }else if(nu...原创 2019-09-16 08:50:54 · 480 阅读 · 0 评论 -
JavaScript的数组的常用方法
向数组添加元素的方法:1.Array.push(value1,value2,…)向数组的末尾追加 返回值是添加数据后数组的新长度。 会改变原有数组let arr = [1,2,3];let result= arr.push(4,5);console.log(result) //5console.log(arr) //[1,2,3,4,5]2.Array.unshift...原创 2019-09-10 16:16:21 · 353 阅读 · 0 评论 -
伪数组是什么?伪数组与数组的区别
当我们了解伪数组之前先了解下普通的数组的特点数组是用来存储一系列值的一个集合,而每个值在数组里面都有一个对应的索引,也可以叫做下标,索引是从0开始的,依次递增。比如:let arr = ['a','b','c'];// 字符串a,b,c对应的下标分别为0, 1, 2,使用 数组名字[索引] 的方法即可取到对应的值数组的length为数组当中所存值的总个数,比如上方定义的arr数组...原创 2019-09-10 15:53:04 · 2123 阅读 · 0 评论 -
Generator-异步方案
简介Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。跟普通函数的区别function关键字与函数名之间有一个星号; 函数体内部使用yield表达式,定...原创 2019-09-10 15:00:27 · 281 阅读 · 0 评论 -
初步了解async/await
用法:可以写一些异步的代码async/await特点:1.async/await更加语义化,async 是“异步”的简写,async function 用于申明一个 function 是异步的; await,可以认为是async wait的简写, 用于等待一个异步方法执行完成;2.async/await是一个用同步思维解决异步问题的方案(等结果出来之后,代码才会继续往下执行)3...原创 2019-09-10 13:59:00 · 130 阅读 · 0 评论 -
简单的几个对字符串的处理的用法
1 取字符串的前5个字符str.substring(0,5)2 去掉字符串的前5个字符str.substring(5)3 从右边开始取3个字符str.substring(str.length-3)4 替换调几个字符:把123替换成456str.replace("123","456")...原创 2019-09-10 11:47:35 · 126 阅读 · 0 评论