08 2022 档案
摘要：拜读了大佬的鉴权思路和源码之后 对比自己的项目总结的思考 首先在登录方面 大佬代码相对的严谨 this.$store.dispatch('LoginByUsername', this.loginForm).then(() => { this.$router.push({ path: '/' });
阅读全文
摘要：我在自己的后台管理项目中 根据登录的用户不同，从而对不同的用户给予不同的权限。这里 是通过路由，以及token验证，并且通过vuex进行全局的控制 下面就从我自己的简单项目出发 我今天拜读了几大佬位的文章之后 发现自己的权限管理实在过于简单了。后面也会对大佬的文章思路进行梳理。 1.登录 不管怎么样
阅读全文
摘要：通常情况下 如果只是已经写好功能的页面 且通常不需要再发送请求拿数据就可以直接使用这个 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name 当然也有需要携带参
阅读全文
摘要：路由跳转有两个模式可以选择 一个是hash 一个是 history 二者有什么区别呢 我们来细说 首先是路由默认的hash模式 hash模式最显著的特点就是会在url链接后面加是一个# 随便写一个例子 www.abc.com/#/def/hijk #我们称之为哈希符号 而#后面的值我们都称之为哈希值
阅读全文
摘要：今天本来打算把自己项目的主页面写完的 但是写到一半发现不行还是必须先把接口搞定 把需要的数据引过来 于是我就打算先写api接口了 老规矩依旧用axios but！我看了原本的别人写的api 太太简单了 不过这个项目也比较简单已经够用了 但我不感觉！我要写也写一个比较泛用的 然后就去找资料看能不能跟着
阅读全文
摘要：TypeScript 泛型 泛型是什么？ 就是在我们不明白类型的时候给我们一个变量 用来代替类型 举例子 function fn(a:number):number { return a } 上面是随便写的一个函数 因为我们知道才选择定义a为number类型 设置返回值为number类型 但是如果我们
阅读全文
摘要：在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。TypeScript 中的接口是一个非常灵活的概念，除了可用于[对类的一部分行为进行抽象]以外，也常用于对「对象的形状（Shape）」进行描述。
阅读全文
摘要：之前的笔记漏掉了一个对象 object、Object 和 {} 小 object 代表的是所有非原始类型，也就是说我们不能把 number、string、boolean、symbol等 原始类型赋值给 object。在严格模式下，null 和 undefined 类型也不能赋给 object。 //
阅读全文
摘要：我先说结论 nextTick我接收一个回调函数 这个回调函数会在DOM更新之后立即执行 适用于一些需要DOM更新之后执行的操作 我们都知道JS有一个处理事件的机制 也就是事件循环机制 以及同步和异步 事件循环的顺序，决定js代码的执行顺序。事件循环如下 在执行完微任务之后才会去进行下一个宏任务 vu
阅读全文
摘要：TypeScript是JavaScript的超集，因为它扩展了JavaScript，有JavaScript没有的东西。硬要以父子类关系来说的话，TypeScript是JavaScript子类，继承的基础上去扩展。 TS是出现是为了面对JS这个弱类型语言，无法是编译的阶段就发现问题 TS的出现可以改变
阅读全文
摘要：我先说结论 深拷贝与浅拷贝最根本的区别在于内存中存储的东西不同！ 我们首先知道 在js中 有堆内存和栈内存 一般基本数据类型必然number string boolen null undefind 已经es6新出的符号都是基本数据类型 这些数据类型通常被保存在栈内存中，而引用数据类型也就是我们经常说
阅读全文
摘要：forEach() 方法 对数组的每个元素执行一次给定的函数 接收两个参数 这里讲通常情况 只接收一个的 arr[abc,cba,bbc] forEach(fuction(item,index,arr)) 第一个参数：item是指数组元素 必填 比如abc index是指索引 选填 比如abc的索引
阅读全文
摘要：//fill const arr = new Array(100).fill(0).map(function(item,index) { return index + 1 }) console.log(arr);[1....100] // Array.from() const arr = Array
阅读全文
摘要：前言： js中有许多设计模式 比如 工厂模式，适配器模式，代理模式，迭代器模式等等 我这里讲的是观察者模式与消息订阅与发布模式 主要是这些天自己在弄vue的响应式原理 然后我发现如果想要深入了解他 必须具备一些基础知识 不然看了就是一头雾水 这里就讲一个消息订阅与发布模式和观察者模式 他们在vue的
阅读全文
摘要：我们来学习关于vue的响应原理 vue对数据的处理是响应式的 他是一个MVVM的框架 什么是mvvm 所谓的MVVM其实就是Model、View 和ViewModel Model：模型层（数据层），主要用于保存一些数据 View： 视图层，主要用于将后端数据借助各种元素呈现给用户，同时也可提供用户操
阅读全文
