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

- 阅读全文 -

JWT在线解码和结构解析

JWT 简介JWT 概念JWT 全称为 JSON Web Token 是目前最流行的跨域认证解决方案,官网地址链接,JWT 优点基于 token 的认证方式相比传统的 session 认证方式能够解决移动端和分布式开发中跨域问题,具有下列优点:减少服务器压力:服务端不需要存储 session 信息,token 可以携带登录用户服务器所需信息支持跨域访问:将 token 放到请求头中,就不需要 co

- 阅读全文 -

window.location.replace()方法解析

作用window.location.replace()函数跳转的页面将不再保存到历史URL中试验当你从a页面用普通得跳转方式跳转到b页面,再从b页面用window.location.replace()函数跳转到c页面,然后你从c页面返回上一页将会直接跳转到a页面,b页面并不会保存于浏览器历史记录中用法window.location.replace('```这里写你要跳转的URL```')

- 阅读全文 -

Vue前端解决跨域问题

Vue 项自中 使用 vue.config.js 解决跨域问题Vue 项目一定是 cli 创建的 Vue 项目# 安装 npm install -g @vue/cli # 创建一个项目 vue create my-project1.为什么会出现跨域问题?出于浏览器的同源策略限制,同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器

- 阅读全文 -

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(&

- 阅读全文 -