- 博客(87)
- 收藏
- 关注
原创 localStorage、sessionStorage、cookies 有什么区别?
localStorage、sessionStorage、cookies 有什么区别?
2023-02-20 09:16:24 197
原创 代码编辑器CodeMirror及其简单的配置
情景:在一个表单中我需要在线填写一些格式的代码,希望在编辑代码的时候能有报错提示,提交之前需要对填写的代码进行校验,如果没通过是不允许提交的1 引入这个代码编辑器的话,就是像普通组件那种,新建个文件在需要的页面正常引入就行2 codeEditor/index 代码编辑器页面的简单配置<template> <div class="code-editor"> <textarea ref="textarea" /> </div></t
2022-07-04 09:32:39 4079 1
原创 通过创建script标签来引入外部js
通过创建script 标签再引入外部的js 可以等到引入的js 结束之后再执行函数,但是直接通过import的方式引入js的话可能无法控制是否js引入完成后再执行的函数顺序了const script = document.createElement("script");script.type = "text/javascript";script.src = "https://xxxxx.js";// 这个写法是获取到页面的body标签,向节点的子节点列表的末尾添加scriptdocument.g
2022-04-25 09:45:46 5990
原创 计算鼠标的按下、移动、抬起的位置 vue
情景:当我用鼠标选中一段文字后,会提示一个提示弹出框,那这个弹出框的位置就和选中的文字的位置有相应的关系。html:<div class="content" @mousedown.stop="getMouseDown" @mousemove.stop="moveFlag && getMouseMove($event)" @mouseup.stop="getMouseUp">内容</div><span v-i
2022-04-24 16:50:31 2322
原创 获取今日以前或者以后任意天数的日期 vue
getDay(day) { var today = new Date() var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day today.setTime(targetday_milliseconds); //注意,这行是关键代码 var tYear = today.getFullYear() var tMonth = today.getMonth() var tDat
2022-04-01 14:15:31 903
原创 节流和防抖的应用 vue
1 防抖:(1)定义:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索(连续输入时避免多次请求接口):输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。(2)实现原理:函数防抖的基本思想是设置一个定时器,在指定时间间隔内运行代码时清楚上一次的定时器,并设置另一个定时器,知道函数请求停止并超过时间间隔才会执行。export const debounce =(method,delay) => { let timer = null;
2022-02-28 11:38:54 435
原创 axios配置请求头content-type
axios 是Ajax的一个插件,axios虽然是一个插件,但是我们不需要通过Vue.use(axios)来使用,下载完成后,只需在项目中引入即可。(一般我们放在了请求接口的公共文件中引用)npm install axios -Saxios 发送post请求时默认是直接把 json 放到请求体中提交到后端的,axios默认的请求头content-type类型是’application/json;charset=utf-8’.content-type的三种常见数据格式:// 1 默认.
2022-02-17 16:24:32 44491 2
原创 数组扁平化的方法 vue
// 假设arr是多维数组1 arr.flat() // 但是这种IE浏览器是不兼容的2 function setArr () { while(arr.some(item => Array.isArray(item))) { arr = [].concat(...arr) } return arr}
2022-02-17 11:27:02 471
原创 vue-element-admin框架 根据登录人的角色动态切换路由控制展示目录
情景:项目是用vue-element-admin框架搭建的,因为登录人有角色,要求根据不同的角色要有不同的菜单目录结构,大致思路如下:1 因为一开始我安装的是基础版本的,但是这个动态路由需要用到集成版本中store/modules/permission.js 文件,用于状态管理。2 路由中会区分两种:一种是没有权限都可以访问的页面比如登录页面、404页面、默认访问页面等;还有一种就是需要根据角色访问的动态路由了例如:// 都可以访问的路由export const constantRoutes = [
2022-02-15 15:33:39 2526
原创 判断两次点击是否跳转到同一页面,若相同则页面数据从缓存中获取,否则调取新的接口
情景:有一个列表,列表的每一行有一个标签可以点击跳转到各自的页面去,如果第二次点击的和第一次点击的是同一个标签的话,那么第二次点击过去的页面内容就从缓存中拿取,否则重新调接口获取页面内容// 监控他的路径的变化watch:{ '$route':{ handler(to) { var hasValue = window.localStorage.getItem('detailUrl') ? window.localStorage.getItem('detailUrl') : '' if(h
2022-02-09 17:09:04 752
原创 远程仓库地址发生了变化如何修改本地仓库重新关联远程仓库并提交代码
情景:一开始我clone到本地了个项目,并也在远程的仓库上有提交,但是远程仓库突然换了路径、名称,我还想把我本地的代码提到上面去就可以进行下列操作:1 查看本地工程git仓库关联的远程仓库地址 git remote -v 2 删除本地关联的远程仓库地址 git remote remove origin 3 将当前工程关联到指定的远程仓库 git remote add oringe xxx/xxx.git 4 进行提交操作 git add . git c
2022-02-07 14:35:44 886
原创 本地做服务器代理 vue
情景:我在我本地想访问另一台机器上的域名,需要在我本地做一下他域名的代理,要不会报跨域的问题。具体配置如下:(记住修改配置文件中的内容要重启项目否则不生效呦!)1 首先在 .env的文件中配置一个代理域名的名字比如:VUE_APP_API = '/apis'2 在vue.config.js文件中配置如下:module.exports = { devServer:{ proxy: { '/apis':{ target:'xxxxxx', /
2022-02-07 11:04:53 392
原创 在utils文件中对cookie的设置、获取、删除进行封装
// 设置cookieexport const setCookie = function(c_name, value, expiremMinutes) { var exdate = new Date(); exdate.setTime(exdate.getTime() + expiremMinutes * 60 * 1000); document.cookie = c_name + "=" + escape(value) + ((expiremMinutes == null) ?
2022-01-30 09:38:59 185
原创 修改vue-element-admin 中侧边栏图标
情景:原本的vue-element-admin模板上图标太少,我想再引入几个,我按照网上方法去iconfont官方库里去下载svg的图片然后放到src/icons/svg目录下面,显示了是显示了,但是比正常的图标尺寸小,修改大小也不好修改解决办法:我把展示的svg换成elementUI库里的图标1 找到这个目录下的这个vue 文件2 注释掉这行代码,代表只选用icon的图标不会用svg的3 这样我们在使用图标的时候只用写icon的名字即可,比如 { path:'/home', comp
2022-01-14 16:37:50 1617
原创 表格的序号和偏移量 elementUI Vue
1 表格前面序号的写法:<el-table> <el-table-column lable="序号" width="50" align="center" type="index" :index="indexMethod" > </el-table-column></el-table>// 方法indexMethod(index) { // this.pageSize是每页的条数,this.currentPage是当前页数,i
2022-01-12 09:51:43 276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人