- 博客(16)
- 资源 (2)
- 收藏
- 关注
原创 vue3常用自定义指令封装v-permission,按钮权限控制,添加防抖节流
后台管理项目免不了要做权限控制,常见的分为路由级别和按钮级别,在此主要针对于按钮权限,比如说某个用户或者角色对数据有没有增删改查的权限,例如以下功能,巡查人员可以点击导入和新建,而一般用户只能选择下载模板。在 directives文件夹下分别创建permission、debounce、throttle三个ts文件,分别用于存放权限控制,防抖和节流的业务逻辑,结构清晰,方便维护以及更低的耦合度。在index.ts文件中分别导入每个自定义指令对象,再遍历注册每一个指令。
2023-12-13 10:25:03
6003
原创 vue前端常用base64加密解密插件js-base64的使用步骤
项目中会经常用到base64加密算法对一些敏感信息做简单加密解密操作,比如路径url参数等,js-base64是一个使用方便简单体积很小的插件。
2022-08-14 21:01:50
9254
原创 vue实现双向绑定原理以及mvvm模型与mvc比较
目录1.什么是mvvm?2.mvvm和mvc区别3.vue双向绑定原理4.vue 从初始化页面--修改数据--刷新页面 UI 的过程5.如何理解 Vue 的响应式系统1.什么是mvvm?MVVM是 Model-View-ViewModel 的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在 Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来, ViewModel 是一个同步View 和 Model的...
2021-08-23 12:03:47
506
原创 Vuex中比较实用的各个知识点用法与总结
注:本章知识点全部内容总结来自于尚硅谷男神天禹老师vue3课程资料,感谢老师的开源精神和无私奉献。整理好以便于以后的复习也希望能分享给需要的人,附上老师课程地址,讲课真的很不错课程地址连接目录1.概念2.何时使用?3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件...
2021-08-18 19:24:48
402
原创 vue-route路由最常用最详细的一篇知识点总结
本章知识点全部内容总结来自于尚硅谷男神天禹老师vue3课程资料,感谢老师的开源精神和无私奉献。整理好以便于以后的复习也希望能分享给需要的人,附上老师课程地址,讲课真的很不错课程地址连接目录路由1.基本使用2.几个注意点3.多级路由(多级路由跳转)4.路由的query参数5.命名路由6.路由的params参数7.路由的props配置8.的replace属性9.编程式路由导航10.缓存路由组件11.两个新的生命周期钩子12.路由守卫13.路由器...
2021-08-16 10:58:11
926
原创 用html和css画一个三角形信息对话框
要画一个对话框,首先要做一个三角形:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2021-08-13 12:13:55
421
原创 CSS基础布局面试题之如何实现品字布局
第一种方法:①设置第一个盒子左右外边距为auto自适应,盒子移到中间②盒子2和盒子3开启float浮动排列在一行显示③盒子2设置左外边距为50%,再向左移动自身盒子大小的100%④因为盒子3已经浮动与盒子2挨在一起,所以只需要设置向右移动自身大小的100%即可<!doctype html><html><head><meta charset="utf-8"><title>品字布局</title><st
2021-07-19 12:10:08
462
原创 什么是闭包?闭包产生的原因以及闭包有哪些表现形式
闭包的定义:JavaScript红宝书上对于闭包的定义:闭包是指有权访问另外一个函数作用域中的变量的函数,MDN 对闭包的定义为:闭包是指那些能够访问自由变量的函数。 (其中自由变量,指在函数中使用的,但既不是函数参数arguments也不是函数的局部变量的变量,其实就是另外一个函数作用域中的变量。)闭包产生的原因:首先要明白作用域链的概念,其实很简单,在ES5中只存在两种作用域————全局作用域和函数作用 域,当访问一个变量时,解释器会首先在当前作用域查找标示符,如果没有找到,就去父.
2021-06-23 13:23:04
3298
1
原创 js中如何解决for循环输出问题的几种方法
以下代码:for(var i = 1; i <= 5; i ++){ setTimeout(function timer(){ console.log(i) }, 0)}
2021-06-14 21:10:38
2060
3
原创 js中能否用instanceof判断基本数据类型以及能否手动实现instanceof的功能?
可以用以下方法判断:class PrimitiveNumber { static [Symbol.hasInstance](x) { return typeof x === 'number' }}console.log(111 instanceof PrimitiveNumber)
2021-06-10 21:07:20
4277
原创 CSS使用display:inline-block会产生的问题以及解决的方法
问题复现问题: 两个display:inline-block元素放到一起会产生一段空白。如代码:
2021-06-06 12:54:59
662
2
原创 浮动布局的优点?有什么缺点?清除浮动有哪些方式?
浮动布局简介:当元素浮动以后可以向左或向右移动,直到它的外边缘碰到包含它的框或者另外一 个浮动元素的边框为止。元素浮动以后会脱离正常的文档流,所以文档的普通流中的框就变现的好 像浮动元素不存在一样。...
2021-05-31 21:33:17
425
2
原创 CSS让一个元素水平垂直居中,到底有多少种方案?
CSS水平垂直居中的方案水平居中对于行内元素: text-align: center;对于确定宽度的块级元素:(1)width和margin实现。margin: 0 auto;(2)绝对定位和margin-left: -width/2, 前提是父元素position: relative对于宽度未知的块级元素(1)table标签配合margin左右auto实现水平居中。使用table标签(或直接将块级元素设值为display:table),再通过给该标签添加左右margin为auto。(
2021-05-17 20:53:47
328
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人