js
js
zhangyiyy
用最简单的话记录
展开
-
js 一键复制文本
//创建input标签 let input = document.createElement('input') //将input的值设置为需要复制的内容 input.value = '复制内容'; //添加input标签 document.body.appendChild(input) //选中input标签 input.select() //执行复制 document.execCommand('copy') //移除input标签 document.body..原创 2021-12-07 14:51:19 · 285 阅读 · 0 评论 -
axios 中的content-type
get请求不存在设置content-type。只有post和put用到content-type,常用的post方式,所以这里着重说post。post的content-type三种类型:Content-Type: application/json对于axios,post的时候axios.post(url,{a:1,b:2}),第二个参数是对象的时候,默认是这个类型Content-Type: application/x-www-form-urlencoded对于axios,post的时候let转载 2021-09-17 09:13:07 · 188 阅读 · 0 评论 -
一些正则 (记录类)
数字/^[0-9]*$/数字与小数/^\d+(?=\.{0,1}\d+$|$)/手机号 /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$原创 2021-09-15 11:58:12 · 53 阅读 · 0 评论 -
import按条件导入
import命令会被 JavaScript 引擎静态分析,先于模块内的其他语句执行if (condition) { // 报错 import moduleA from './moduleA';}import()函数import()函数,支持动态加载模块,返回一个 Promise 对象。import()加载模块成功以后,这个模块会作为一个对象,当作then方法的参数。import('./moduleA .js').then(moduleA => { console.log(mod原创 2020-12-30 09:36:48 · 6799 阅读 · 0 评论 -
js浅拷贝与深拷贝的理解
拷贝第一种情况 普通赋值let a = 1let b = ab = 2console.log(a) // 1console.log(b) // 2但如果a是一个对象objAlet objA = { name: 'ming', age: 18,}let objB = {}objB = objAobjB.age = 20console.log(objA.age) // 20console.log(objB.age) // 20原本只是想修改objB中的age属性值,但同原创 2020-09-30 16:37:30 · 134 阅读 · 0 评论 -
js base64转可用formdata上传的文件
/* * 将base64转换成可用formdata提交的文件 * @param {String} urlData base64的url */convertBase64UrlToBlob(urlData){ //去掉url的头,并转换为byte var bytes=window.atob(urlData.split(',')[1]); //处理异常,将ascii码小于0的转换为大于0 var ab = new ArrayBuffer(bytes.length); v转载 2020-09-10 16:11:10 · 1531 阅读 · 0 评论 -
js的冒泡与捕获总结
冒泡事件: 事件会从绑定的元素从里向外层层触发,直到document捕获事件:事件会从最外层开始触发,直到绑定的元素冒泡事件 <div id="c"> <div id="b"> <div id="a"></div> </div> </div> <script type="text/javascript"> document.getElementById('a').addE原创 2020-08-27 15:25:47 · 163 阅读 · 0 评论 -
es6 扩展用算符(...运算符/剩余运算符)
扩展运算符将数组拆分成 以’,'分割的参数序列let arr = [1, 2, 3]// ...arr => 1, 2, 3console.log(...arr) // 1 2 3合并数组let arr0 = ['a', 'b', 'c']let arr1 = ['1', '2', '3']let arr2 = [...arr0, ...arr1] // ["a", "b", "c", "1", "2", "3"]arr0.push(...arr1)console.log(ar原创 2020-08-24 17:37:16 · 151 阅读 · 0 评论 -
es6 解构赋值
解构赋值 可以将属性/值从对象/数组中取出,赋值给其他变量数组解构let arr = [1, 2, 3]let [a, b, c, d] = arrconsole.log(a) // 1console.log(b) // 2console.log(c) // 3console.log(d) // undefined对象解构使用变量的名称匹配对象的属性key值 ,如果一致则讲对象属性的value值赋值给变量let person = { name: 'xiaoming', age: 18,原创 2020-08-24 16:28:29 · 104 阅读 · 0 评论 -
export与import的基本使用
ES6模块化主要有两个核心:导出export和导入importexport第一种写法export let name = 'ming'export let sex = '男'export let age = 18export const getA = () => { return 'A'}// export function getA () {// return 'A'// }第二种写法let name = 'ming'let sex = '男'let age =原创 2020-08-03 16:39:49 · 1071 阅读 · 0 评论 -
js中运算符‘&&‘ 与 ‘||‘的高级用法
1,赋值在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true&&:从左往右依次判断,当当前值为true则继续,为false则返回当前值||:从左往右依次判断,当当前值为false则继续,为true则返回当前值 let temp = null temp = 1 && true && 'a' // 'a' temp = 1 && 0 && 'a' // 0原创 2020-06-12 14:23:46 · 653 阅读 · 0 评论 -
js取整,Math的常用属性和方法总结
一,取整1,取整 parseInt(1.5) // 1 Math.trunc(1.5) // 12,向上取整 Math.ceil(1.5) // 2 Math.ceil(-1.5) // -13,向下取整 Math.floor(1.5) // 1 Math.floor(-1.4) // -24,四舍五入取整 Math.round(1.5) // 2 Math.round(1.4) // 1 Math.round(-1.5) // -1 Math.roun原创 2020-06-03 11:53:41 · 738 阅读 · 0 评论 -
js 对数组中的对象排序
以对象的中的age属性排序 let arr = [ { name: "小a", sex: 'female', age: 5, }, { name: "小b", sex: 'male', age: 4, }, { name: "小c", sex: 'female', age: 7, }, { name: "小d", sex: 'female', age: 1, }, ]; arr.sort((a, b) => { return a.age - b.age })原创 2020-05-18 17:49:04 · 186 阅读 · 0 评论 -
js三目运算执行多个操作
加上(),用’,'隔开// eslint-disable-next-line no-unused-expressions params.row.dynamic === 1 ? (tagColor = 'success', tagText = '是') : (tagColor = 'error', tagText = '否')原创 2020-04-24 14:32:57 · 2211 阅读 · 0 评论 -
防止localStorage被手动修改
window.addEventListener('storage', (e) => { localStorage.setItem(e.key, e.oldValue) //重新赋值修改前的值})原创 2020-04-10 12:40:47 · 1662 阅读 · 0 评论 -
箭头函数
###1,简洁###2,没有自己的this箭头函数基本用法: let arr = ['a', 'b', 'c'] // 普通函数 let newArr = arr.map(function (e) { return e }) // ["a", "b", "c"] // 箭头函数 let newArr0 = arr.map((e) =&...原创 2020-01-13 09:49:39 · 108 阅读 · 0 评论 -
js中时间戳与时间格式转化
获得当前时间的时间戳 let time = new Date() // .getTime() 精确到毫秒 let timeStamp = time.getTime(); console.log(timeStamp); // 1574671049842 // .valueOf() 精确到毫秒 let timeStamp1 = time.valueOf(...原创 2020-01-13 09:48:17 · 146 阅读 · 0 评论 -
js数组及常用方法
创建数组 let arr = [1, 2, 3] // 1,2,3 let arr1 = new Array() // [] let arr2 = Array(1, 2, 3) // 1,2,3 let arr3 = Array(3) // [,,]常用方法join() 数组转字符串push() 将一个或多个元素添加到数组的末尾pop() 删除并返回数组的...原创 2020-01-13 09:46:44 · 132 阅读 · 0 评论 -
js中数组的遍历
1,普通for循环var arr = [1, 2, 3]for(var i = 0; i < arr.length; i++) { console.log(i); // 0, 1, 2};2,for invar arr = [1, 2, 3]for(var item in arr) { // item遍历数组时为数组的下标,遍历对象时为对象的key值 cons...原创 2020-01-13 09:22:42 · 232 阅读 · 0 评论