A_9888的博客

find() 方法返回数组中满足提供的测试函数的

【代码】前端常见的处理数据的一些方法。

promise.all

一、方法封装导出export const makeElementTree = (params) => { // console.log(params); // 解构取出参数 const { pid, list, pidFiled, labelFiled, valueFiled } = params // 构建一个内部函数，用于实现递归 const makeTree = (pid, arr) => { const res =

getRandomArrayElements (arr, count) { var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index; while (i-- > min) { index = Math.floor((i + 1) * Math.random()); temp = shuffled[index]; shuffled...

实例隐藏手机号码中间位数userInfo.phone?userInfo.phone.toString().substr(0, 3)+'****' +userInfo.phone.toString().substr(7):'--'substr返回一个从指定位置开始的指定长度的子字符串。stringvar.substr(start [, length ])参数说明：start ：表示从什么位置开始（0~n）索引length：表示要截取的长度。substring返回位于 String

可以在utils.js里面封装通用方法，引入即可使用。/* 获取本月初跟月底*/export const getCurrentMonth = () => { // 2021-10-01 00:00:00 let firstDate = new Date(); let startDate = firstDate.getFullYear() + "-" + (firstDate.getMonth() + 1 < 10 ? "0" : "") + (.

1.基于原生Api scrollIntoViewscrollIntoView用法：element.scrollIntoView(scrollIntoViewOptions);在循环数组时给标签动态添加class，注意scrollIntoView地位的是到具体一个位置数，所以clas一定是唯一的，用动态id更好 <!-- 楼层 --> <ul class="ul"> <li v-for="qn in questionnaireList" :ke

1.根据某个字段排序var arr = [ {name:'张三',age:15}, {name:'李四',age:18}, {name:'王五',age:28}];function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value1 - value2; //降

安装和导入npm install --save vue-pdf导入模块import pdf from "vue-pdf";导入pdf组件components: { pdf, },HTML<div #="pdf"> <div class="pdf-tab"> <div class="btn-def btn-pre" @click.stop="prePage">上一页</div> &lt

rand(min, max) { return Math.ceil(Math.random() * (max - min + 1)) + min + 1; }, handleMe() { this.times=this.times+1 //times需要在定义在全局，我用vue const n = this.rand(1, 100); if (n <=1||this.times==11) { this.times=0..

用::v-deep深度选择器也未能去除样式，果断采用js去除代码如下： var classVal = document.querySelector(".van-hairline--bottom").getAttribute("class"); //删除 classVal = classVal.replace("van-hairline--bottom", ""); document.querySelector(".van-hairline--bottom").setAtt.

<div id="test"> <textarea placeholder="请填写你的答案" v-model.trim="answer"></textarea> <el-button class="login-btn" type="primary" @click="submitForm" :loading="loadingBtn" >{{ loadingButText }}&lt..

1.封装过滤数据的方法 unique(arr, val) { const res = new Map() return arr.filter((item) => !res.has(item[val]) && res.set(item[val], 1)) },2.直接调用去重方法 this.newData=this.unique(this.obj, "schoolName") // newData 一个新的数组来接受 方法中传需要去重的数组和

1.测试一 let t1 = new Date() console.log(t1); for (let i = 0; i <= 1000000; i++) { //测试计算机跑完100W次所需要时间 } console.log(new Date() - t1);2.测试二 console.time方...

https://www.jb51.net/article/168413.htm

<label for="">用户名:</label><input type="text" id="username"><label for="">密码:</label><input type="text" id="password"><label for=""><input type="checkbox"...

一、原生XMLHttpRequest方法const BASE_URL = “http://10.2.0.150”1.原生实现 GET/*// 1. 创建请求对象let xhr = new XMLHttpRequest();// 2. 配置请求// -> xhr.open(method, url, sync)xhr.open(“GET”, ${BASE_URL}/hero...

html部分 <div class="clock"> <div class="panel"> <div class="circle"></div> <div class="secend hand"></div> <div clas...

html部分该部分可以使用ES6使用一些语义化标签对表单进行优化 <div class="container"> <div class="row "> <div class="col-md-6 col-md-offset-3 well form-container"> <form ...

html部分 <div class="container cube-box"> <h2>3D立方体</h2> <!-- <button id="start-cube" class="btn">开始变身</button> <button id="back-flat" class="btn...

通过键盘监听实现盒子的移动HTML部分 <p> 提示： 红色方块为键盘操作区域，您可以进行如下操作： 上：↑ 下：↓ 左：← 右：→ Ctrl + 1 : 背景变为绿色 Ctrl + 2 : 背景变为黄色 Ctrl + 3 : 背景变为蓝色 Ctrl + ↑ : 放大 Ctrl + ↓ : 缩小 </p&gt...

此种方法优点 运用面向对象思想框架式写活JS轮播图 不对写死图片数量，直接通过增加css图片实现页面效果 优化代码数量，优化性能。代码html部分 <div class="swiper"> <ul id="item-container" class="clearfix"> <li class="item"&g...

多的不说，少的不唠，直接上代码！html部分 <!-- 轮播图容器 --> <div class="container"> <!-- 图片显示区域 --> <div class="imgs"> <!-- img[src="./imgs/images/$$.jpg" alt="...

f1(); console.log(c); console.log(b); console.log(a); function f1() { var a = b = c = 9; console.log(a); console.log(b); ...

一、概述数组，即集合，所谓集合，就是存储数据的容器。我们可以把教室理解为一个集合，而学生作为存储在集合里面的数据，叫做元素。JavaScript集合类型主要使用数组，数组为一个特殊对象。ES6新增了Set数据结构，也用于表示一个集合。数组是有序排列的一组值的集合，这些值被包含在一对方括号内，里面的这些值称作数组元素。每个数组内的值都会有一个键名，这些键名其实就是一个从0开始依次计 数的下标，...

一、概述在JavaScript中，所谓字符串就是包含在英文“双引号”或‘单引号’中的内容，可以是数字、运算符号、各国语言、特殊编码字符，甚至还能是HTML的标签。也就是说，只要符合在双引号或单引号中这个要求，计算机文本中的内容基本上都可以成为一个字符串，ES6新引入了模板字符串，使用反引号（`）标识。二、字符串引号使用规则 *在使用字符串的引号时需要注意，如果一个字符串已经使用过引号，若再在...

一、概述DOM是JavaScript操作网页的接口，全称为 “文档对象模型 ”（Document Object Model）。它的作用是将网页转为一个JavaScript对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据DOM模型，将结构化文档（比如HTML和XML）解析成一系列的节点，再由这些节点组成一个树状结构。所有的节点和最终的树状结构，都有规范的对外接口。所以，DOM可以理...