javaScript
hibiscusxin
人生海海,山山而川,不过尔尔。
展开
-
js中 replace(ng, ,)替代换行符‘\n‘不生效
js中 replace(/\n/g, ',')不生效原创 2024-03-22 11:19:24 · 294 阅读 · 0 评论 -
js正则校验密码的一些正则
1、包含大写字母、小写字母、数字、字符串,密码长度不少于8位。3、包含字母、数字、字符串任意两种,密码长度不少于8位。2、 包含字母、数字、字符串,密码长度不少于8位。原创 2024-01-17 17:05:39 · 610 阅读 · 0 评论 -
对身份证号、手机号、邮箱脱敏处理
【代码】对身份证号、手机号、邮箱脱敏处理。原创 2024-01-09 16:16:35 · 423 阅读 · 0 评论 -
不要对象里面的特定的属性值,取剩余的
比如,不要obj里面的height和sex属性,其他都要。原创 2023-08-01 11:11:46 · 70 阅读 · 0 评论 -
js判断input输入的字符串是否为空或者空格
【代码】js判断input输入的字符串是否为空或者空格。原创 2023-04-06 09:44:53 · 633 阅读 · 0 评论 -
一种单点登录的前端的具体实现
一种单点登录的前端的具体实现原创 2022-11-24 11:32:29 · 491 阅读 · 0 评论 -
把获取到的标准时间转化为yyyy-mm-dd格式
【代码】把获取到的标准时间转化为yyyy-mm-dd格式。原创 2022-08-22 15:14:45 · 339 阅读 · 0 评论 -
前端实现复制功能
前端实现复制功能原创 2022-06-14 13:56:22 · 185 阅读 · 0 评论 -
JavaScript 中的 reduce()
JavaScript 中的 reduce()1、定义和用法reduce()方法接收一个函数作为累加器,数组中的每个值从左到右开始缩减,最终计算为一个值。注意:reduce()对于空数组是不会执行回调函数的。2、语法arr.reduce(function(prev, cur, curIndex, arr){ ...}, init)3、参数prev:必需,初始值init,或者每次计算结束后的返回值;cur:必需,当前元素;curIndex:cur的索引;arr:当前元素所属的数组原创 2021-12-21 10:48:38 · 591 阅读 · 0 评论 -
前端发送携带特殊字符的参数需转义
前端发送携带特殊字符的参数需转义encodeURIComponent()用于转义特殊字符,但+有问题。trim()用于去除字符串头尾空格var str = '123%&*wan 'str.trim() // '123%&*wan'encodeURIComponent(str.trim()) // '123%25%26*wan'encodeURIComponent(str).trim() // '123%25%26*wan%20' 空格会被转义为%20...原创 2021-11-24 14:33:32 · 1047 阅读 · 0 评论 -
判断是数组还是对象
判断是数组还是对象var arr = [1, 2, 3]var obj = { 1: '1'}1、Array.isArray() 用来判断数组Array.isArray(arr) // trueArray.isArray(obj) // false2、instanceofarr instanceof Array // trueobj instanceof Array // falseobj instanceof Object // true 3、constructora原创 2021-11-24 14:22:20 · 532 阅读 · 0 评论 -
window.location实现文件下载
window.location实现文件下载<el-button @click="downLoadIt">下载</el-button>export default { methods: { downLoadIt() { window.location = '路径?id'+id+'&name='+name+.... } }}window.location的下载逻辑:我这部分的逻辑是,把文件夹(包含原创 2021-11-24 14:18:35 · 2686 阅读 · 0 评论 -
splice的用法
splice的用法1、splice删除arr.splice(index, n)index: 数组中需要删除数据的起始位置n: 需要删除的元素/数据的个数arr = ['a', 'b', 'c']// ['a', 'b', 'c']arr.splice(0,2)// ['a', 'b']arr// ['c']2、splice插入和替换arr.splice(index, n, data1, data2, …)index: 数组中需要删除数据的起始位置n: 需要删除的元素/数据的个原创 2021-11-16 14:33:01 · 1388 阅读 · 0 评论 -
js中唤醒弹框的3种方式
js中唤醒弹框的3种方式1、alert()警告框,只有确定按钮,常用于确保用户可以得到某些信息。需点击确定按钮才能继续操作。alert("ss")2、confirm()确认框,返回true或false。用于用户可以验证和接受信息。确定返回true,取消返回false。confirm('hello')3、prompt()提示框,返回输入的消息。确定,返回输入框里的值,取消返回null。prompt('name')...原创 2021-11-12 09:19:35 · 920 阅读 · 0 评论 -
数组对象去重(深度数组去重)
数组对象去重(深度数组去重)es6的new Set去重,在数组里面包含对象时是没有作用的。let arrList = [ { id: 11, name: 'name1' }, { id: 22, name: 'name2' }, { id: 11, name: 'name1' },]let obj = {}arrList = arrList.reduce(原创 2021-10-27 11:26:32 · 288 阅读 · 0 评论 -
js中的!!
js中的!!相当于把这个数据转换为boolen类型,可以用来判断某个字符串是否为空m = '' 或者 m = null 结果一样m1 = !m // truem2 = !!m // falsen = 'name'n1 = !n // falsen2 = !!n // true原创 2021-10-08 15:23:53 · 63 阅读 · 0 评论 -
字符串、数组之间的相互转换
字符串、数组之间的相互转换var arr = ['1', '2', '3']// 数组 --> 字符串str = arr.jion(';') // "1;2;3"// 字符串 --> 数组arrNew = str.split(';') // ["1", "2", "3"]原创 2021-09-18 14:10:43 · 83 阅读 · 0 评论 -
js遍历字符串
js遍历字符串charAt() 可返回指定位置的字符var str = 'helloword'str.charAt(2) // l原创 2021-08-24 14:49:30 · 1865 阅读 · 0 评论 -
判断一个对象是否为空
判断一个对象是否为空es6中 Object.keys()方法返回对象的自身可枚举属性组成的数组,如果对象为空,会返回一个空数组var obj = { 'aa': 1, 'bb': 'b' }var objEm = {}Object.keys(obj) // ['aa', 'bb'] Object.keys(objEm) // []所以,可以通过Object.keys()判断对象的长度是否为空if (Object.keys().length === 0) { return true}原创 2021-08-24 11:13:57 · 843 阅读 · 0 评论 -
vue中,执行完一个函数A()获取到值后再执行函数B()
vue中,执行完一个函数A()获取到值后再执行函数B()使用场景:A()调用后端接口,获取到数据a后,利用数据a再执行B()A() { return new Promise((resolve, reject) => { this.$axios.接口().then(res => { this.a = res.a resolve(this.a) }) })}B() { // 方法B()}在C里原创 2021-08-20 15:35:37 · 2588 阅读 · 0 评论 -
统计当前页面使用最多的前三个标签
统计当前页面使用最多的前三个标签// 获取所有的nodeListlet tagLists = document.getElementsByTagName("*") ;// 转换成真正数组,并用map获取关键的nodeName信息的数组let nodeNameList = [...tagLists].map(v=>v.nodeName);// 使用reduce统计//这里 如果 || 为undefined 则 第一次obj[key] = 0 ,然后再+1。//否则每次都是 obj[key原创 2021-08-04 14:21:24 · 222 阅读 · 0 评论 -
将手机号中间四位隐藏
将手机号中间四位隐藏1、js中的替换方式var mobile = '18968876543'mobile = mobile.replace(/(\d{3})(\d{4})(\d{4})/,"$1****$3") : ''也可直接在vue里使用<span class="value"> {{ mobile ? mobile.replace(/(\d{3})(\d{4})(\d{4})/,"$1****$3") : '' }}</span>2、用substring原创 2021-07-14 16:59:36 · 254 阅读 · 0 评论 -
不用循环判断某个元素是否在数组中
不用循环判断某个元素是否在数组中比如判断3是否存在arr中var arr = [1,2,3,4,5,6]arr.some(str => str === 3) // true原创 2021-07-13 10:13:47 · 509 阅读 · 0 评论 -
vue父子传值不能及时更新问题2
vue父子传值不能及时更新问题2父组件<template> <div class="wrapper"> <Children :add-url-list="addUrlListIsSelected" @click-change="changeMainUrl" /> </div></template><script> export default { methods: {原创 2021-06-22 08:44:45 · 836 阅读 · 0 评论 -
父子传值问题
父子传值问题父组件某个值动态改变无法及时重新渲染子组件父组件子组件props: { isMain: { type: Boolean, required: true } },watch: { isMain: { handler(val) { this.isMainUrl = val }, immediate: true, deep: true } },...原创 2021-06-10 17:50:04 · 85 阅读 · 0 评论 -
ES6计算字符串长度
ES6计算字符串长度var str = 'length'Array.from(str).length // 6[...str].length // 6var str1 = ''Array.from(str1).length // 0[...str].length // 0原创 2021-06-10 17:11:33 · 1514 阅读 · 0 评论 -
vue-element查看pdf
vue-element查看pdf1、install vue-pdfnpm install --save vue-pdf2、引入import pdf from 'vue-pdf'components: { pdf },3、使用// 一页<el-dialog :visible.sync="seeServeDialogVisible" width="60%" center> <pdf src="serve.pdf"&原创 2021-05-27 18:12:31 · 719 阅读 · 0 评论 -
vue-element拖拽功能
vue-element拖拽功能 <el-table ref="dragTableHead" class="addTable" :data="list" row-key="fieldId" empty-text="暂无数据" style="width: 100%" max-height="458px" > <el-table-column原创 2021-05-13 10:36:02 · 511 阅读 · 0 评论 -
vue+element 购物车+支付
vue+element 购物车+支付具体项目可见https://github.com/zhangxin1102/vue-element-payment1、购物车效果图以及全选反选相关代码效果图全选框单选框一级选择全选反选2、支付相关效果图在这里插入图片描述支付相关代码微信支付二维码生成...原创 2021-04-20 10:23:48 · 526 阅读 · 0 评论 -
vue-element 引用 echarts的for循环中使用setTimeout和清除clearTimeout
vue-element 引用 echarts的for循环中使用setTimeout和清除clearTimeout1、首先在data里定义timer1: []data() { return { timer: [] }}2、在methods方法里使用setTimeoutconst $this = thisfor (let i = 0; i < 10; ++i) { (function(i) { $this.timer1[i] = set原创 2021-04-16 16:20:46 · 506 阅读 · 0 评论 -
js中的new操作符都做了什么?
1、构造函数function Foo() { this.name = name}console.log(new Foo())// Foo {name: ""}function Foo(e) { this.name = name this.age = e}console.log(new Foo(18))// Foo {name: "", age: 18}2、_proto_和prototypeprototype:私有属性,任意一个对象都有一个内置的prototy原创 2021-04-12 15:06:46 · 228 阅读 · 0 评论 -
自动登录
自动登录1、设置cookie2、获取cookie 反填3、具体代码如下<template> <div class="wrapper bg-image"> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-p原创 2021-03-29 16:48:27 · 92 阅读 · 0 评论 -
JS把字符串以“:”为标志拆分成多个
JS把字符串以“:”为标志拆分成多个方法一: splitvar SSS = 'text: "woshizifuchuana" 'ss = SSS.split(":") // ["text", " "woshizifuchuana" "]s1 = ss[0] // texts2 = ss[1] // "woshizifuchuana"方法二: substringvar SSS = 'text: "woshizifuchuana" 'SSS.indexOf(":") // 4 先原创 2021-03-26 10:06:50 · 321 阅读 · 0 评论 -
JavaScript
JavaScript — 快速入门1、数据类型和变量比较运算符NaN这个特殊的Number与所有其他值都不相等,包括它自己:NaN === NaN // false唯一能判断NaN的方法是通过isNaN()函数:isNaN(NaN) // true浮点数的相等比较1/3 === (1-2/3) // false浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:Math.abs(1/3 -原创 2021-02-26 18:17:20 · 58 阅读 · 0 评论 -
闭包
闭包一、变量的作用域变量作用域:全局变量和局部变量Javascript特殊之处,就在于函数内部可以直接读取全局变量。var a = 1function f1() { console.log(a)}f1() // 1另一方面,在函数外部无法读取函数内的局部变量function f1() { var b = 100}console.log(b) // error: b is not defined注意,函数内部声明变量时,一定要使用var命令。如果不用的话,实际上原创 2021-02-26 18:16:44 · 112 阅读 · 0 评论 -
Session Storage存取数据
Session Storage存取数据存数据: var arrItem = JSON.stringify(arr) sessionStorage.obj = arrItem取数据:JSON.parse(sessionStorage.getItem('obj'))原创 2020-12-23 15:43:30 · 332 阅读 · 0 评论