![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 56
张海智_
一个“正经”的老实人
展开
-
link和@import的区别
link和@import的区别面试中被问到link和@import的问题,直接懵逼,用过但没有太过于研究这些,css引入一般普遍都用link,@impot少些接触,就此来谈一下两者的区别代码引入格式如下:@import引入@import url('css文件地址')link引入<link rel="stylesheet" href="css文件地址">功能的区别@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载原创 2021-06-28 10:50:51 · 231 阅读 · 0 评论 -
Object.definePerproty
Object.definePerproty对象的定义与赋值经常使用的定义与赋值方法obj.key =value或者obj['key']=value第二种的key可以是变量代码落地let obj = {}// 通过obj.key = value 给对象添加属性obj.name = 'zs'/** * 通过obj[key]给对象添加属性 * 1. 定义变量 * 2. obj[year变量] = 18 */year = 'age' obj[year] = 18 // 打印o原创 2021-05-14 17:30:38 · 748 阅读 · 8 评论 -
Vuex-持久化
Vuex-持久化在开发的过程中,像用户信息(名字,头像,token)需要vuex中存储且需要本地存储,再例如,购物车如果需要未登录状态下也支持,如果管理在vuex中页需要存储在本地本节目标: 使用插件让在vuex中管理的状态数据自动同时存储在本地免去自己存储的环节实现步骤安装vuex-persistedstate 插件vuex中准备user模块和cart模块将插件配置到vuex的plugins选项中,配置user模块和cart模块进行状态持久化(1)安装一个vuex的插件vuex-p原创 2021-05-13 17:37:50 · 163 阅读 · 1 评论 -
Vue3.0入门基础
Vue3.0入门基础1. Vue3.0介绍1.1 为什么要学习 vue 31.2 Vue3带来的新变化1.3 破坏性语法更新2. Vue3开发环境搭建3. 组合式API3.1 composition vs options3.2 案例对比3.2.1 理解需求3.3 setup入口函数3.4 响应式系统API3.4.1 reactive 函数3.4.2 ref 函数3.4.3 toRefs 函数3.4.4 computed3.4.5 watch 侦听器3.5 生命周期函数3.6 父子通信3.7 provide原创 2021-05-12 18:00:22 · 451 阅读 · 0 评论 -
RBAC权限设计思想
RBAC权限设计思想场景为了达成不同的帐号登陆系统后能看到不同的页面,能执行不同的功能的目标,我们有很多种解决方案,RBAC(Role-Based Access control)权限模型 ,也就是基于角色的权限分配解决方案。其权限模式如下:三个关键点:用户: 就是使用系统的人权限点:这个系统中有多少个功能(例始:有3个页面,每个页面上的有不同的操作)角色:不同的权限点的集合给用户分配角色给角色分配权限点给角色一定的权限点、再把角色分配给用户, 比如:我把权限点都给了人事经理,我在原创 2021-05-11 08:10:41 · 79 阅读 · 0 评论 -
Vue脚手架中使用多种语言
Vue脚手架中使用多种语言1. 多语言支持1.1 目标1.2 安装国际化的包1.3 ElementUI多语言配置1.4 在main.js中挂载 i18n的插件1.5 验收效果2. 自定义内容多语言配置2.1 背景2.2 目标2.3 步骤2.4 配置2.5 实现title中英文切换2.6 理解中英文切换原理3. 实现动态切换中英文3.1 目标3.2 思路3.3 **封装多语言组件**3.4 全局注册3.5 **在Navbar组件中引入使用组件**1. 多语言支持国际化处理vue项目中的多语言支持使用的是原创 2021-05-09 19:26:19 · 550 阅读 · 6 评论 -
AntV的使用
AntV的基本使用实现如下功能雷达图可以使用ECharts,也可以使用AntV来实现Echarts官方参考AntV官方参考原创 2021-05-09 18:44:58 · 4463 阅读 · 4 评论 -
图片存储到腾讯云结合elementui实现图片上传
图片保存到腾讯云的使用结合elementui实现图片上传图片保存到腾讯云的使用1. 图片存储方案介绍2.腾讯云cos申请配置3.在项目中封装上传组件4. 实现上传图片到腾讯云图片保存到腾讯云的使用1. 图片存储方案介绍目标:了解主流的图片存储方案方案一:存到自己公司购买的服务器上由于图片都存放到自己的服务器上,占据空间很大方案二:存到三方云服务器(阿里云,七牛云,腾讯云)各种云有专门的为图片存储提供的云服务器,我们自己的服务器只存储图片地址即可2.腾讯云cos申请配置目标:使用原创 2021-05-07 11:01:36 · 1323 阅读 · 5 评论 -
简单上手Vue Router路由使用
1. 路由 - 介绍(1)前端路由的本质, 对url的hash值进行改变和监听,切换挂载点的component组件(2)vue 中的路由 : 是 hash 和 component 的对应关系, 一个哈希值对应一个组件2.利用Vue Cli创建项目注意: 需要在全局配置Vue Clinpm install -g @vue/cli或yarn global add @vue/cli(1) 创建项目在想要创建项目文件夹的地方输入cmd唤醒命令窗口vue create xxxx(文件名)原创 2021-04-18 22:05:19 · 333 阅读 · 0 评论 -
?? 和?.运算符
1. 空值合并操作符(??)空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。console.log(null ?? 666) console.log(undefined ?? 666)// 以上输出结果都为6662.可选链操作符( ?. )可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为原创 2021-04-17 21:48:41 · 1163 阅读 · 0 评论 -
环境变量.env.development,.env.production是如何工作的
1.环境变量文件夹了解.env.development 开发环境下的配置文件.env.production 生产环境下的配置文件 2.命名规则属性名必须以VUE_APP_开头,比如VUE_APP_XXX3.执行环境.env.development 在开发环境中 (yarn serve , npm run serve).env.production 在生产环境中(yarn build , npm run build)4.访问中的变量process.env.属性名 可以同过定义属性原创 2021-04-15 21:17:10 · 908 阅读 · 3 评论 -
fastmock的基本使用
fastmock的使用1.创建项目登录成功后进入到“我的项目”页面,这个时候项目列表应该是空的。点击页面中间的“创建项目”或者右上角的“+”可以开始创建项目。在这里插入图片描述字段说明:项目名称:用于标识项目项目基础路径:重要,基础路径用于为每个项目分配访问时的基础url。项目描述:关于该项目的描述信息。创建完成在我的项目查看2. 创建接口点击新增接口添加接口定义接口名,类型(method),url3.接口定义成功,测试接口Postman把需要测试的接口放入Postman中原创 2021-04-15 20:31:31 · 2923 阅读 · 0 评论 -
页面标签pre和code标签添加高亮的样式
pre和code标签代码块高亮显示基于 highlight.js 美化详情页的代码片段(1) 下载此插件到项目中如果(yarn或node基于自己环境决定)yarn add highlight.js@10.6.0 -Dnpm i highlight.js@10.6.0 -D(2).在main.js 引入即可import 'highlight.js/styles/default.css' // 代码高亮的样式它会自动给页面标签pre和code标签添加高亮的样式...原创 2021-04-14 15:52:31 · 2970 阅读 · 1 评论 -
记录开始学习的第一天
今天起,记录黑手牛子哥学前端的每一天原创 2021-03-11 09:42:27 · 81 阅读 · 3 评论