流浪のwolf

摘要： 大文件上传思路一、场景平时我们上传的图片、文档可能格式比较小，用常规上传没有问题；但是如果涉及到大文件，如果上传过程中，网络断了，需要重新来； 比如文件过大，响应时长超过了请求限定的时长，所以传统的思路就不合适了案例： 在线课堂，网盘、需要上传大量的大文件课程视频、音频二、思路核心思想： 切片上传+ 阅读全文

摘要： RBAC是Role Based Access Control的英文缩写，意思是 基于角色的访问控制。 RBAC实际上就是针对产品去挖掘需求时所用到的Who（角色）、What（拥有什么资源）、How（有哪些操作）的方式。在RBAC模型中，who、what、how构成了访问权限三元组，也就是“Who对W 阅读全文

摘要： 有做过，我们前端这边主要做的就是菜单权限控制和按钮显示控制 追问: 说说菜单权限怎么做的？ 权限设计是⼀个需要前后端配合的事情，⼤概分成下⾯⼏个步骤 1. 项⽬通过⼏个业务模块的配合⽣成对应的权限数据 2. 把后端返回的权限数据和前端本地的路由做对⽐，得到过滤之后的有资格显示的路由数组 3. 调⽤路 阅读全文

摘要： 有的，之前在做⼀个通⽤的上传组件的时候，⼀开始是通过传统的⽗⼦通信实现的，⽗传⼦实现的图⽚ 回显，⼦传⽗实现的图⽚url抛出传给给接⼝，后来使⽤v-model做了⼀点优化，简单了不少 追问: 具体是怎么做的，⼤概说⼀下步骤 我想想哈，⼤概是我们知道v-model是⼀个语法糖，当你在⼀个组件上写了v- 阅读全文

摘要： 导出的话，我们因为到处的数据量不⼤，所以直接采取的时候前端主导的⽅案，参考的现成⽅案实现的 导出 ⼤概得流程就是 1. 调⽤后端接⼝得到要导出的数据 2. 把数据简单处理⼀下转化成导出插件需要的格式 3. 把数据配置到对应的位置就⾏ 插件会⾃动帮助我们⽣成excel⽂件并且⾃动下载到本地 追问: 那 阅读全文

摘要： 有过，项⽬开发的时间⻓了，沉淀了不少业务通⽤全局组件，想把他们统⼀进⾏注册，就封装了⼀个⼩ 插件 当时其实⼀开始也没有什么思路，后来扒了⼀下 elementUI的源码，仿了⼀下它的写法，流程我还⼤概记 得 先是把所有的组件放到⼀个数组中，然后在插件的install⽅法⾥遍历整个数组调⽤Vue.com 阅读全文

摘要： // 场景1：功能复用，多个页面都用到某个功能 // 场景2：页面逻辑太多，进行拆分功能(添加/修改独立出去) // 注意些什么： // 1. 抽离模板(复用) // 2. 设计props el-button type/size/ // 3. 设计插槽 el-dialog title 插槽 有的，不 阅读全文

摘要： 当时公司的场景⼤概⼀个excel⽂件⾥就⼏⼗条数据，量⽐较少，和后端商量之后制定了前端主导的⽅ 案，解析的过程放到了浏览器端做，当时是参考了⼀下vue-admin中的现成的⽅案 ⼤概流程是这样的，⼈事那边准备好⼀个标准的excel⽂件，然后通过插件解析成js数据，把js数据格式 化⼀下，最后个通过调 阅读全文

摘要： 主要是在组件和后端返回的数据之间，或者组件产⽣的数据和需要提交给后端的数据之间，有可能会出 现结构对不上，这个时候可能会处理⼀下，举个例⼦，⽐如说我们常⽤的tree型组件要求必须是嵌套的 tree型数组，这个时候就需要处理⼀下，再⽐如提交的时候接⼝要求的是字符串，我们组件给到的数组， 也需要处理 追 阅读全文

摘要： token 失效分为主动失效和被动失效 主动失效 就是自己设置函数检查token是否失效了， 主要步骤 ；1 1.在登录的时候记录存储token的时间， 2. 在request文件，设置一个函数，用来检查token是否过期 3. 在请求拦截器记录当前的时间，并且引用函数主动检查token是否过期 ； 阅读全文

摘要： 啊，有的，在项⽬⾥⾯我主要是封装过axios的拦截器部分 我在请求拦截器⾥⾯做了注⼊全局token的事情，这个事⼉是因为有很多接⼝都需要这个token来做数据 鉴权，为了避免书写多次 统⼀配置了⼀下 响应拦截器的部分，我主要是做了⼀个⾃定义的成功错误判断 这个事⼉，可以简单说⼀下，因为我们知 道 拦 阅读全文

摘要： vue这边的路由⾃带了路由前置守卫，我们可以在前置守卫⾥拿到token数据，然后根据需求做分⽀判 断，要是token存在就使⽤next⽅法正常放⾏跳转，否则可以强制跳回到登录，让⽤户去获取token import router from "./router"; import { getToken } 阅读全文

摘要： 我们公司的token管理都是通过vuex配合本地存储来做的，使⽤vuex是因为token数据⽐较特殊，在很多 模块中都可能会⽤到，vuex⽅便管理，配合本地存储⽐如localstorage，是因为vuex有⼀个不好的地⽅ 就是刷新就丢失，因为它是基于内存嘛，配合⼀下localStorage可以保持持 阅读全文

摘要： // import parseTime, formatTime and set to filter /** * Show plural label if time is plural number * 如果时间是复数，则显示复数标签 * @param {number} time * @param { 阅读全文

摘要： 有⽤过的，我在公司⾥⽤过的场景主要是为了和后台对接⼝的时候切换根域名baseURL时⽤，因为公司 有⼏个不同的环境嘛，⼀个环境对应前端⼀个环境变量⽂件，同样⼀个环境变量⽐如说VUE_APP_URL 可以在不同的⽂件⾥配置不同的接⼝地址，再配合运⾏命令配置启动时指定⼀下运⾏的环境变量⽂件很 容易就切过 阅读全文

摘要： 场景 ：为了减轻公司服务器压力，我们把要上传的文件 放到第三方服务器上 保存 ； 什么情况下才会使用第三方服务器保存资源 ： 1. 资源比较多 ，比如 在线课堂等 需要上传视频的网站 2. 网站资源固定，不经常改动 ； 分类： 前端上传 前端上传文件到第三方服务器 图 1 所示 后端上传 后端上传文 阅读全文

摘要： 传统的图片上传 ； 封装一个上传 接口 ； 注意 把 input 隐藏掉 ；-- hidden ； 点击事件上传 ； element-ui 的图片上传 https://element.eleme.cn/#/zh-CN/component/upload#methods 阅读全文

摘要： 预览详情 ： 父组件：注册引入子组件 ；只需要传递一个数据 limit ；这是限制显示多少张图片 ； 子组件： - 图片上传 - el-upload 代码 ； <template> <div> <el-upload action="#" list-type="picture-card" :file- 阅读全文