流浪のwolf

摘要： 1. 使用 instanceof instanceof的作用就是判断该对象是谁的实例，我们也就知道了instanceof是对象运算符。 2. 静态方法 Array.isArray 方法 ； ps:使用 typeof 只能判断数组是一个对象 ，function 也是一个对象 ； 阅读全文

摘要： 1. 清除用户数据，直接跳转登录页重新登录 ； 2. 短token 过期，使用 长 token 重新获取短 token ，然后重新请求 ； 如果长 token 也过期了，就去重新登录获取 token ； 阅读全文

摘要： 请求拦截器统一添加 token ，也可以手动的判断token是否过期 ； 响应拦截器判断返回数据的逻辑处理，被动的判断token过期并处理 ； 阅读全文

摘要： 单独新建一个 permission.js 文件用来做用户权限操作： 设计动态路由的时候，name属性要和用户的标识符一一对应 ，然后filter筛选 动态路由规则，如果 用户的权限标识包含includes 动态路由的name属性就返回 true ； actions: { // 用来整理出属于当前用户 阅读全文

摘要： 现在的权限管理都是基于RBAC实现的，添加了角色这一中间层； 具体操作： 1. 在本地实例化路由实例的时候，只要把静态路由规则注入到实例里，动态路由规则定义好，但是现在不注入 ； 2. 在路由导航守卫登录时，根据用户的权限标识，筛选出只有当前用户才可以访问的动态路由规则，然后使用addRoutes 阅读全文

摘要： console.log() 打印数据，看一下数据是否改变，切换到 vue.js.develops 插件修改数据，看一下视图是否有变化 ； 如果没有变化，可能是vue的视图没有监听的数据的改变，数据可能不是响应式数据 ； 使用索引操作数组是没有响应式的 ，用 数组方法pop ，push 等方法尝试，追 阅读全文

摘要： 由于vue3使用proxy，对于对象和数组都不能直接整个赋值。 直接赋值丢失了响应性 只有push或者根据索引遍历赋值才可以保留reactive数组的响应性 ； 可以使用 toRefs 解决这个问题 ；或者使用： const state = reactive({ arr: [] }); 解决 ； 阅读全文

摘要： vue3 使用了组合式API，setup 替换了选项式api ，不需要在多个api里面写代码了，而且使用了setup的语法糖，可以更加方便写代码 ； vue3使用proxy替代了Object.defineProperty 实现数据的响应式 ，大大提高了性能 ；ps：创建框架，开启项目的速度变快了 ； 阅读全文

摘要： <!-- 表单验证三要素： --> <!-- ① el-form需要有 model属性【表单数据对象】、rules属性【验证规则对象】、ref属性【引用字符串】 --> <!-- ② el-form-item需要有 prop属性【校验的字段名】 --> <!-- ③ el-input 等控件 要有 阅读全文

摘要： 虽然CDN引入组件库可以优化项目，减轻服务器负载，但是在真实的项目开发中不推荐使用CDN ； 因为： 1. 使用第三方服务器不稳定 2. 需要后端配置 3. 要知道组件库的全局变量名 阅读全文