vue页面间传参
rout-link标签跳转携带参数<template> <div id="app"> <!-- 不带参数 --> <div><router-link :to="/">首页</router-link></div> <!-- 路由路径 -->
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进阶用法懒得写...有时间再写吧...
vue中router.addRoutes和router.addRoute的使用方法
addRoutes 传入数组const accessRoutes = await store.dispatch( "permission/generateRoutes", roles ); router.addRoutes(accessRoutes); // 动态添加可访问路由表 // 如果参数to不能找到对应的路由的话，就再执行一次beforeEach((to
window.location.replace()方法解析
作用window.location.replace()函数跳转的页面将不再保存到历史URL中试验当你从a页面用普通得跳转方式跳转到b页面，再从b页面用window.location.replace()函数跳转到c页面，然后你从c页面返回上一页将会直接跳转到a页面，b页面并不会保存于浏览器历史记录中用法window.location.replace('```这里写你要跳转的URL```')
CSS中的:和::有什么区别
首先简单介绍一下 : 和 :: ：: 指的是伪类，例如:visited或:hover:: 用于伪元素，例如::first-of-type或::after下面让我们深入研究一些示例。“伪”是什么意思？伪这个词的英文定义是“假的”或“不真实的”。那么伪类和伪元素表示什么意思呢？伪类和伪元素不手动写入HTML，也不会出现在DOM（或文档树）中，而由CSS创建！什么是伪类？伪类允许你根据页面上编写的HTM
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(&