- 博客(14)
- 收藏
- 关注
原创 身份认证鉴权
常见的服务端认证的方法主要有两种1. 基于cookie-session2. 基于localstorage-jwt(json-web-token)身份认证流程1.用户输入登录信息,登录请求到后端2.服务端验证登录信息,如果登录成功,服务端生成token(令牌,用于保存用户的相关信息)3.将生成的token返回前端,前端通过localstorage将token储存在本地4.在后续所有的请求中,前端都会将token携带上,一并发送给后端5.后端对token进行验证,验证是否有tok
2021-09-21 19:53:25 275
原创 git公钥配置
清理之前的账户邮箱$ git credential-manager uninstall 配置用户名密码 git config --global user.name "你的gitee账号"git config --global user.email "你在gitee的邮箱地址" 生成公钥ssh-keygen -t rsa -C "804457815@qq.com" 查看公钥 cat ~/.ssh/id_rsa.pub 打开码云,鼠标移入头像,点击设置。 点击SSH公钥...
2021-08-23 15:16:38 94
原创 ES6模块化
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.
2021-08-22 00:44:44 73
原创 vue起步
## 1. vue脚手架 用来创建vue项目的工具包 创建项目: npm install -g vue-cli vue init webpack VueDemo 开发环境运行: cd VueDemo npm install npm run dev 生产环境打包发布 npm run build npm install -g serve serve di...
2021-08-18 00:54:01 73
转载 深拷贝与浅拷贝的区别,实现深拷贝的几种方法
一.引如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子:let a=[0,1,2,3,4], b=a;console.log(a===b);a[0]=1;console.log(a,b);嗯?明明b复制了a,为啥修改数组a..
2021-08-16 23:18:47 199
转载 http缓存机制
一、概述浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种:同步sau交流学习社区(首发):https://www.mwcxs.top/page/565.html1、HTTP请求(Request)报文,报文格式为:请求行 – HTTP头(通用信息头,请求头,实体头) – 请求报文主体(只有POST才有报文主体),如下图HTTP响应(Response
2021-08-14 16:02:08 139
原创 vue中的key作用
实现下图中的ul列表,生成虚拟dom的过程大致如下(此时:key=‘index’)循环初始数据生成在内存中生成虚拟dom将虚拟dom转化为真实dom此时我们在旧数据的头部插入一个对象,生成新数据vue会根据相同的key值进行比对,此时的key=‘0’的虚拟dom中文本部分不一致,所以会由 张三=>老刘,但是后面的input节点一样类型一样,且初始虚拟dom已经生成,所以会直接放到key=‘0’的虚拟dom中,出现列表错位总结如下:打乱数据顺序的时候,:key=‘index’就会有问题
2021-07-18 17:36:58 147
转载 Vue实现移动端三级联动
Vue实现移动端三级联动本文用到的知识点Vue组件绑定的v-model,参考:Vue在组件(非表单控件)上使用v-model双向数据绑定Vue的组件通信Vue的插槽对Vue的API有一定的了解Vue的nextTick方法对原生JS的拖拽有一定的功底功能分析暴露在最外层的,是显示在外部的被选择的文字,当点击的时候弹出选择器内部的级联选择器的数量由外部决定,级联选择器的选项由外部决定’\实现数据的双向绑定,内部修改外部改变,外部修改内部改变确定按钮保存当前选中,取消按钮取消本次操
2021-07-18 14:56:06 1514 1
原创 elementui实现三级联动
三级联动效果预览:element UI实现在这里插入代码片```<el-form ref="form" :model="form" label-width="100px"> <el-form-item label=""> 一:vue实现城市联动选择 </el-form-item> <el-form-item label=""> 一:可清除输入框记录 <
2021-07-18 14:20:01 2763 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人