实用小工具之图片压缩
话不多说直接上代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
几个Js简写技巧
1. 多个字符串检查通常，如果我们需要检查字符串是否等于多个值中的一个，往往很快会觉得疲惫不堪。幸运的是，JavaScript有一个内置的方法来帮助你解决这个问题。// 普通写法 const isVowel = (letter) => { if ( letter === "a" || letter === "e" || le
Vue操作变量时原始数据被改变
原因我们想要实现的效果是当将A变量赋值给新的B变量时操作B变量而不影响A变量，但这种做法其实是通过浅拷贝copy出一份数据变成两份一样的基础数据，但是B=A的方式只是将B指向A的存储地址，实际上只有同一份数据，因此无论修改A还是B都是会互相影响的。解决方案先用JSON.stringify()从A对象中解析出字符串，再用JSON.parse()将解析出的字符串转换成JSON对象，这样可以得到两份一样
js唤起拨号功能（vue同理）
现在public下的index.html中加入这行代码<meta name="format-detection" content="telephone=yes" />然后写一个方法function call(phone) { // phone是要拨打的号码 window.location.href='tel://' + phone }效果
js点击显示，点击其他地方关闭
话不多说直接上代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
Js一键复制文本内容
一个便捷且炫酷的一键复制方法// text为你要复制的内容 function copyText(text) { var input = document.createElement("input") // 创建input对象 input.value = text // 设置复制内容 document.body.appendChild(input) //
indexOf()函数用法
indexOf()函数可以判断一个元素是否在某个数组中存在，假设存在则返回该元素所在数组位置的索引值。用法const a = 'aaa' const arr = ['aaa','bbb','ccc','ddd'] let index = arr.indexOf(a) console.log(index) // 输出结果为0进阶用法懒得写...有时间再写吧...
window.location.replace()方法解析
作用window.location.replace()函数跳转的页面将不再保存到历史URL中试验当你从a页面用普通得跳转方式跳转到b页面，再从b页面用window.location.replace()函数跳转到c页面，然后你从c页面返回上一页将会直接跳转到a页面，b页面并不会保存于浏览器历史记录中用法window.location.replace('```这里写你要跳转的URL```')
JavaScript代码优化技巧
多个条件的判断我们可以在数组中存储多个值，并且我们可以使用数组的includes方法。//普通写法 if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic } //简写方法 if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic }If true ... e
实用的JavaScript代码片段
1、单行If-Else语句你可能熟悉这样的常规if-else语句：if (10 < 100) { console.log("True"); } else { console.log("False"); }输出True但是，你知道吗，你可以通过使用三元运算符，以更短，更简洁的方式编写上面的代码？10 <100 ? console.log(&