随笔档案「2021年4月」 - 晓欲望！

Vue-admin --- 面包屑

摘要：1、侧边菜单的缩放，其实是监听页面上另一个按钮，由于菜单是有哪个缩放的属性的，尽量两个页面的相传使用到的是Vuex进行变量的管理 2、然后面包屑，最主要的是监听路由的变化，然后把跳转的路由数据填加到Vuex有一个变量中，这个变量先查看传过来的路由是否已经存在了。存在不添加 3、然后循环遍历这个Vue 阅读全文

posted @ 2021-04-18 17:00 晓欲望！阅读(596) 评论(0) 推荐(0)

js的Map数据结构

摘要：这个就是hash的类型。因为object的key只能是String的数据类型，不能是其他的，所以需要使用到map Map 有常见的方法api 添加set（）获取 get（）查询是否包含 has（）阅读全文

posted @ 2021-04-18 15:57 晓欲望！阅读(501) 评论(0) 推荐(0)

router-view的key属性的作用

摘要：因为Vue会有组件之间的复用，如果两个路由都使用到了某一个组件，这个组件是不会再去执行created和mounted这些钩子函数的，加了key就是可以当成两个不同的界面去使用。阅读全文

posted @ 2021-04-18 14:44 晓欲望！阅读(3006) 评论(0) 推荐(1)

this.$nextTick()

摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行. 这个就是当我们直接需要到dom元素上的某个值，如果提前执行，dom树还在绚烂，你是有可能只是拿到dom树之前的值，而拿不到更新后的值，还有就是Vue的生命周期的created函数下是dom元素是没有被绚烂完成的，所以是拿不阅读全文

posted @ 2021-04-18 14:35 晓欲望！阅读(89) 评论(0) 推荐(0)

Vue-admin --tree的学习

摘要：1、开始是点击按钮，弹出一个对话框 2、先把对话框整体格式弄好 3、然后树形，树形先根据data把数据绚烂出来，数据从后端获取 4、树形每个结构绑定一个id 5、然后获取角色有哪些权限，根据这些id在树形下面有一个setCheckedKeys把id传进去就可以直接展示出打勾一个问题修改了提交是把什阅读全文

posted @ 2021-04-17 23:44 晓欲望！阅读(136) 评论(0) 推荐(0)

mixin

摘要：mixin有点像原型，就是在mixin中可以写一些公共的代码和逻辑处理，但是如果在组件中出现了mixin相同的方法和属性时候这种情况下是调用了本身的方法。阅读全文

posted @ 2021-04-14 23:40 晓欲望！阅读(167) 评论(0) 推荐(0)

自定义组件

摘要：最主要的就是有些属性我们不能直接把传过来的值直接绑定，而是绑定一个操作过的数据，还有默认的定义函数，这个函数是根据子组件传父组件的原理。阅读全文

posted @ 2021-04-12 14:41 晓欲望！阅读(115) 评论(0) 推荐(0)

axios和router

摘要：axios.intercetor.request.use(funcation(req){ axios.headers.authorization = sessionStrorage.getItem() }) router.beforeEach((to, from, next) =>{}) 阅读全文

posted @ 2021-04-11 23:25 晓欲望！阅读(123) 评论(0) 推荐(0)

前端的权限设置

摘要：前端的权限分为4个模块：菜单栏这个是需要后端传过来的数据直接进行绚烂把这个数据存在Vuex中，这个有个问题就是重新刷新Vuex的数据会消失，所以需要把数据保存在sessionStorage中去。界面栏从刚刚的的菜单栏有些界面是没有，但是在浏览器的url中还是可以访问的到，所以这里需要使用到阅读全文

posted @ 2021-04-11 23:12 晓欲望！阅读(1581) 评论(0) 推荐(0)

js的事件循环机制

摘要：全部是有一个宏任务队列，宏任务又有微任务队列。阅读全文

posted @ 2021-04-07 23:26 晓欲望！阅读(69) 评论(0) 推荐(0)

object.defineproporty与proxy的区别

摘要：proxy更加的方便，它下面有个handle有许多的操作方法。 proxy是可以监听到数组的变化 proxy还可以监听到添加新属性的 proxy监听的是整个对象，object.defineproporty只是监听了对象下面的一个属性。阅读全文

posted @ 2021-04-07 23:18 晓欲望！阅读(504) 评论(0) 推荐(0)

算法思路的认识

摘要：2021/4/6 剑指的11道题这个题目使用到的思路是二分法查找 80道题在添加新的数组保存重复为2去掉其他的重复项，思路是把一个慢一个快然后判断快如果不一样直接赋值到慢的前面一项。 821道题目这个题目认识到了两种思路第一种就是贪心算法先看到哪个离它最近就判断哪个左右走，还有就是两个指针把阅读全文

posted @ 2021-04-06 23:47 晓欲望！阅读(87) 评论(0) 推荐(0)

有趣的js代码问题

摘要：const a = { b: 2, foo: function () { console.log(this.b) } } function b(foo) { // 输出什么？ foo() } a.foo() //说明这里只是把foo的代码给了b没有把其他参数传过去 b(a.foo) var a = 阅读全文

posted @ 2021-04-06 17:07 晓欲望！阅读(94) 评论(0) 推荐(0)

数组常见的方法

摘要：slice 是把数组切割不改变原来的数组的数据有两个参数开始与结束（包含）。字符串也有slice这个方法。 splice 是删除数组中的数据改变原来的数组，有返回值为删掉的数据。有很多个参数第一个是从什么地方开始删除第二个参数是从开始删的地方开始往后面走删多少个，后面就是可以向旧数组中添加阅读全文

posted @ 2021-04-05 23:21 晓欲望！阅读(90) 评论(0) 推荐(0)