从我进入公司到现在已经有一段时间了，随着工作年限的增加，逐渐成长为一名
问题：项目中需要对用户是否登录进行判断，如果用户未登录或者 token 过期就需要跳转登录页面，进行登录验证。所以需要做一个拦截，
1. 简介注意：本文 Element-ui 版本 2.11.1及以上Element-ui 官方文档中有大图预览相关组件 传送门：Element-ui 图片组件，但我们不想通过使用 Imag
1.简介注意：本文Elementui版本2.11.1及以上Elementui官方文档中有大图预览相关组件传送门：Elementui图片组件(https://element.eleme.cn/2.15//zhCN/component/image)，但我们不想通过使用Image组件的方式（先默认显示预览图片，再通过点击图片实现大图预览查看），又想实现直接预览大图的功能是否可行呢？答案是当然可以。2.图
问题：项目中需要对用户是否登录进行判断，如果用户未登录或者token过期就需要跳转登录页面，进行登录验证。所以需要做一个拦截，在跳转登录页面时报了一个错。报错如下图所示：!在这里插入图片描述(https://s4.51cto.com/images/blog/202112/11173714_61b4714a0a55431666.png?xossprocess=image/watermark,size
1. Scss 简介Sass (Syntactically Awesome Stylesheets) 是一种动态样式语言，Sass 语法属于缩排语法，比 css 比多出好些功能 (如：变量、嵌套、运算 sy CSS) 是
touch 事件：touchstart 事件：当手指触摸屏幕时候触发，即使已经有一个手指放在
vue-video-player 适用于 Vue 的 video.js 播放器组件。1. 安装及引入使用github 地址npm 地址安装npm install vue-video-player --save全局引入import
1. 简介FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中 File 对象可以是来自用户在一个 < input > 元
1. 正则表达式的使用一个正则表达式可认为是对一种字符片段的特征描述，而它的作用就是从一堆字符串中找出满足条件的子字符串。比如：在JavaScript中定义一个正则表达式var reg = /hello/ 或 var reg = new RegExp("hello")那么这个正则表达式可以用来从一堆字符串中找出 hello 这个单词。而“找出”这个动作，其结果可能是找出第一个
简介：FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。主要用于：发送表单数据，也可用于发送带键数据(keyeddata)，而独立于表单使用。如果表单enctype属性设为multipart/formdata，则会使用表单的submit()方法来发送数据，从而发送数据具有同样形式。1.创建formData对象1.1创建一个空对象javascript//通过F
1.优点：界面简洁界面清新简单，图标设计也很简单明了，非常方便找到需要的功能，这波可以给到90分；功能完善该有的功能都有，比如：多级标题、引用、字体设置等，令人惊喜的是支持字体颜色设置，解决了部分markdown编辑器不支持字体颜色设置的痛点；其它亮点编辑完了之后有字数提示，这个功能很好；引入代码块很香代码块视觉很起来很舒服，可以放弃IDE，之间在悟空编辑器里面写代码了，而且还支持修改语言，太香
1.正则表达式的使用一个正则表达式可认为是对一种字符片段的特征描述，而它的作用就是从一堆字符串中找出满足条件的子字符串。比如：在JavaScript中定义一个正则表达式javascriptvarreg=/hello/或varreg=newRegExp("hello")那么这个正则表达式可以用来从一堆字符串中找出hello这个单词。而“找出”这个动作，其结果可能是找出第一个hello的位置、用别的字
基础姿势/自定义姿势<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item label="活动名称" prop="name"> <el-
1.概述在看代码的时候发现基本上都是用querySelector()和querySelectorAll()来获取元素，疑惑为什么不用getElementById()。可能因为自己没用过那两个，所以并不清楚原因所在。1.1querySelector()和querySelectorAll()的用法querySelector()方法javascript定义：querySelector()方法返回文档中匹
1.Elementui中表单（Form）校验的几种形式1.1基础/自定义在elform上绑定rules，rlues为校验规则，在elformitem上绑定对应的prop；自定义规则，validator：checkAge，自定义规则的函数。详细的可查看element文档http://elementcn.eleme.io//zhCN/component/form(https://element.ele
需求：后端接口返回文档流格式图片，如何在页面中显示显示并预览？思路：设置 axios responseType: ‘blob’；对象详解URL.createObjectURL() 创建一个 DOMString，包含一个表示参数中给出的对象的 URL；通过 Element-ui 中的图片组件（Image）实现预览；完整代码：
思路： 通过 html2canvas 将 HTML 页面转换成图片，然后再通过 jspdf 将图片的 base64 生成为 pdf 文件。1. 安装及引入// 将页面 html 转换成图片npm install html2canvas --save // 将图片生成 pdfnpm install jspdf --save在项目主文件 main.js
需求：选择器组件（Select）支持多选，但是不支持全选。如果需要实现这个功能，该怎么修
需求：tree 组件可实现多选，但复选框在树结构中每一层级都有。如果只想某个层级展示复选框且实现单选需要怎么修改呢？思路：原本想通过禁用某些层级的复选框，达到只能某一层数据可选的功能，但是禁用的复选框仍然显示 效果不好。通过审查元素发现被禁用的复选框加上了特殊 “类名”（ is-disabled ） 。因此：我们可以先通过处理 tree 数据的某些层级 disabled 为 true，设置被禁用节点的 display 属性来隐藏该层级复选框。节点单选： 注意：如果要单选，一定要设
需求：由于 iframe 的内容加载较慢，需要在加载完成前添加 loading 效果。本文 loading 使用的是 Element 框架的加载（Loading）组件。功能实现完整代码<template> <div style="height:1000px;" v-loading="loading"> <iframe ref="Iframe" src="https://www.taobao.com/" width="
CSS flex布局语法（侵删）
Postman基础教程
安装npm 地址npm install vue-splitpane属性说明类型默认值split分割类型String [ horizontal （水平），vertical （垂直） ]必选一种min-percent面板最小百分比Number10max-percent面板最大百分比Number10...
传送门：本文完整代码地址 如果觉得有帮助，别忘了点亮 star 哦 说明：本文为 Vue 2.x + Echarts 5.x 实现中国地图多级钻取功能（基本版 未做过多功能拓展和样式优化 便于二次开发）。由于祖国地大物博、地市众多，仅完成了省级行政区及部分地市的钻取
传送门：Linux 系统安装 Nginx 1. 安装 Nginx 及基本使用 下载 Nginx 安装包 官网下载地址选择 Windows 版本下载并解压 启动 Nginx 方式一：直接双击 nginx.exe，双击后一个黑色的弹窗一闪而过； 方拾二：打开 cmd 命令窗口，切换到 nginx 解压目录下，输入命令 start nginx 检查 Nginx 是否启动成功 方式一：在浏览器地址
传送门：Linux系统安装Nginx(https://blog.csdn.net/ZYS10000/article/details/113531528)1.安装Nginx及基本使用下载Nginx安装包官网下载地址(https://nginx.org/en/download.html)选择Windows版本下载并解压!在这里插入图片描述(https://s4.51cto.com/images/blo
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
