Fish's Blog

一个便捷且炫酷的一键复制方法// text为你要复制的内容 function copyText(text) { var input = document.createElement("input") // 创建input对象 input.value = text // 设置复制内容 document.body.appendChild(input) //

- 阅读全文 -

indexOf()函数可以判断一个元素是否在某个数组中存在，假设存在则返回该元素所在数组位置的索引值。用法const a = 'aaa' const arr = ['aaa','bbb','ccc','ddd'] let index = arr.indexOf(a) console.log(index) // 输出结果为0进阶用法懒得写...有时间再写吧...

- 阅读全文 -

addRoutes 传入数组const accessRoutes = await store.dispatch( "permission/generateRoutes", roles ); router.addRoutes(accessRoutes); // 动态添加可访问路由表 // 如果参数to不能找到对应的路由的话，就再执行一次beforeEach((to

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

首先简单介绍一下 : 和 :: ：: 指的是伪类，例如:visited或:hover:: 用于伪元素，例如::first-of-type或::after下面让我们深入研究一些示例。“伪”是什么意思？伪这个词的英文定义是“假的”或“不真实的”。那么伪类和伪元素表示什么意思呢？伪类和伪元素不手动写入HTML，也不会出现在DOM（或文档树）中，而由CSS创建！什么是伪类？伪类允许你根据页面上编写的HTM

- 阅读全文 -

多个条件的判断我们可以在数组中存储多个值，并且我们可以使用数组的includes方法。//普通写法 if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic } //简写方法 if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic }If true ... e

- 阅读全文 -

1、单行If-Else语句你可能熟悉这样的常规if-else语句：if (10 < 100) { console.log("True"); } else { console.log("False"); }输出True但是，你知道吗，你可以通过使用三元运算符，以更短，更简洁的方式编写上面的代码？10 <100 ? console.log(&

- 阅读全文 -