摘要：el-upload 文件上传组件使用问题 <el-upload /> 问题一：上传成功后，BE返回上传结果文件(文件流格式数据) 使用Blob数据类型对文件流格式类型数据进行转换。 解决思路：替换el-upload的上传请求，在请求中设置 responseType: 'blob' ，将返回的数据类型
阅读全文
posted @ 2021-08-30 14:20
08 2021 档案
摘要：使用 svg + css 制作圆环loading动效 转载自：https://www.jianshu.com/p/62696f058463 html <svg class="load" viewBox="25 25 50 50"> <circle class="loading" cx="50" cy
阅读全文
posted @ 2021-08-28 11:48
摘要：声明变量 sass 的变量声明，使用的是 $ 关键符 $highlight-color: #F90; 任何可以用作 sass 的变量值，甚至是以空格分隔的多个属性值，或以逗号分隔的多个属性值 $basic-border: 1px solidblack; $plain-font: "Myriad Pr
阅读全文
posted @ 2021-08-28 10:19
摘要：《精通csss》 添加样式 css选择符 类型与后代选择符是最基本的选择符。 类型选择符用于选择特定类型的元素，比如段落or标题元素。类型选择符也被称为元素选择符 p { color: black; } 后代选择符用于选择某个或某族元素的后代。后代选择符的写法是在两个选择符之间添加空格 blockq
阅读全文
posted @ 2021-08-28 10:00
摘要：文本超出隐藏，用 ‘...’ 代替 原文URL：http://blog.csdn.net/bing0728004/article/details/51509435 关于css的三条用于处理超出文本的基础属性。 overflow:hidden; 超出的文本隐藏 text-overflow:ellips
阅读全文
posted @ 2021-08-28 10:00
摘要：可见格式化模型 外边距折叠 常规块盒子有一种机制叫作 外边距折叠 垂直方向上的两个外边距相遇时，会折叠成一个外边距。折叠后外边距的高度等于两者中较大的那个高度 外边距折叠只发生在文档常规文本流中块级盒子的垂直方向上 包含块 如果元素的定位方式为静态定位（position: static）或相对定位（
阅读全文
posted @ 2021-08-28 09:59
摘要：CSS 流向的改变 此部分内容更多的是对于 IE 做样式实现 改变水平流向的 direction 只要是内联元素，只要和书写相关，都可以使用 direction 属性 .directionLeftToRight { /* 默认值 */ direction: ltr; } .directionRigh
阅读全文
posted @ 2021-08-28 09:59
摘要：CSS基本网页排版 1. 字体大小与行高 1.1 字体大小 绝大多数的浏览器默认字体大小都是 16px 1.1.1 em 单位 em 单位用于 font-size 属性时，实际上是一个相应元素继承的 font-size 缩放因子 例如，h3 元素，字型大小是 1.314*16 = 21px 虽然可以
阅读全文
posted @ 2021-08-28 09:58
摘要：css渐变 linear-gradient () linear-gradient () 方法 参考：https://www.runoob.com/cssref/func-linear-gradient.html 渐变用法1，制作缺角矩形 通过调整渐变角度，以及其渐变颜色和占比 background:
阅读全文
posted @ 2021-08-28 09:58
摘要：关于垂直居中的方法 情景1 ：让容器内的文本垂直居中 引入“幽灵元素” 首先，先设置容器和文本为行内块元素（display: inline-block） 其次，添加容器伪元素 before，并给伪元素 before 添加以下属性： .author-meta::before { content: ''
阅读全文
posted @ 2021-08-28 09:56
摘要：可保持宽高比的容器 CSS 规范指出，对于没有指定大小的可替代内容，最终的默认大小为 300px 宽或 150px 高 用目标元素的 原始高度/原始宽度，得出目标元素的宽高比。 此处的目标元素是 iframe .object-wrapper { width: 100%; // 宽度必须设置成100%
阅读全文
posted @ 2021-08-28 09:56
摘要：跨域问题 问题：什么是跨域？ 跨域问题的来源是浏览器的安全机制，同源策略。 同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。 这是一个用于隔离潜在恶意文件的重要安全机制 也就是说，接口返回的数据被浏览器阻隔了。在用其他测试工具测试接口数据时，是可以看到数据返回的。 解决方案
阅读全文
posted @ 2021-08-28 09:55
摘要：使用img标签显示用base64编码的验证码图片 参考文章：https://blog.csdn.net/kukudehui/article/details/80409522?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFro
阅读全文
posted @ 2021-08-27 17:38
摘要：indexDB 使用方法 MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API 流程 step 1 打开（新建）数据库 创建 indexDB 开启指令的实例对象 var DBrequest = window.indexe
阅读全文
posted @ 2021-08-27 17:33
摘要：POST 请求将传出的参数放到请求body中 需求：传入的参数是数组类型，需要将参数放入post请求的body里传出 解决方案：通过ajax方法的 contentType 字段，将其设置为 JSON 字段即可 免key穿参数 $.ajax({ type: 'POST', url: '...', da
阅读全文
posted @ 2021-08-27 17:32
摘要：axios全局loading与实例loading 参考文章：https://blog.csdn.net/qq_40963664/article/details/94554176 何为全局与实例？ 文档上的全局指的是在axios中进行配置拦截器，即全局拦截器，并在拦截器中对config进行修改，添加l
阅读全文
posted @ 2021-08-27 17:31
摘要：Web Worker Web Worker 的作用是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一部分任务分配给 worker 运行。在主线程运行的同时，Worker 线程在后台运行，互不干扰。 Worker 可以被创建多个，且 Worker 之间均为独立的线程，
阅读全文
posted @ 2021-08-27 17:31
摘要：SHA256 · Hex加密 使用插件：jsHashes https://github.com/h2non/jshashes // require the module var Hashes = require('jshashes') // new SHA1 instance and base64
阅读全文
posted @ 2021-08-27 17:30
摘要：JavaScript生成RSA非对称秘钥 通过JavaScript生成RSA有两种方法。 非对称密钥的核心原理是：将生成的公钥发送给后端，同时使用私钥将信息数据加密后发送给后端。后端使用传送的公钥进行解密，获取数据。 window.crypto.subtle.generateKey() window
阅读全文
posted @ 2021-08-27 17:30
摘要：原文地址： 用js实现模糊查询的几种方法 - 简书 关于RegExp方法 W3C地址：W3C JavaScript RegExp RegExp 对象表示正则表达式，是对字符串执行模式匹配的强大工具 // 创建RegExp对象语法 new RegExp(pattern, attributes); 参数
阅读全文
posted @ 2021-08-27 17:28
摘要：apply (..) 与 call (..) apply() 与 call() 的区别是： apply() 方法接收的是一个参数数组 call() 方法接收的是参数列表 apply (..) apply() 方法调用一个具有给定 this 值的函数，以及作为一个数组（或类似数组对象）提供的参数 语法
阅读全文
posted @ 2021-08-27 17:27
摘要：参考：https://www.cnblogs.com/libin-1/p/5820550.html 简单来说，原型链就是指在调用函数方法或调用对象时，Js引擎的搜索过程。 主要需要区分的是 property 和 _proto_ 的区别 property property 是只有函数方法才有的属性 v
阅读全文
posted @ 2021-08-27 17:26
摘要：多语言切换 参考：https://www.cnblogs.com/zhenqichai/p/html-set-multiple-languages.html 思路 给页面上的静态内容（固定文本，如标题、提示语等）增加一个标识 class，以及用于标识该文本内容的 key 字段 <li class="
阅读全文
posted @ 2021-08-27 17:26
摘要：var myObject = { a: 2 }; ('a' in myObject); // true ('b' in myObject); // false myObject.hasOwnProperty('a'); // true myObject.hasOwnProperty('b'); //
阅读全文
posted @ 2021-08-27 17:24
摘要：JavaScript 使用 Object.assign() 方法将多个对象合并成一个新对象 注意：若不想污染到其他已存在的对象变量，则需要在第一个参数中设置成 {} ，即将后面所有的对象参数合并到第一个参数（空对象）中，并 return 出去
阅读全文
posted @ 2021-08-27 17:24
摘要：定义 对象可以通过两种方式定义： 声明（文字）形式 & 构造形式 // 文字声明语法 var myObj = { key: value } // 构造形式 var myObj = new Object(); myObj.key = value; 引用 引用对象中的内容有两种方法： const myO
阅读全文
posted @ 2021-08-27 17:23
摘要：关于读取本地 JSON 文件引起的跨域问题 参考网址：https://blog.csdn.net/jiaoshuaiai/article/details/78417683 在使用 Ajax 读取本地 JSON 文件时，Chrome 浏览器会出现跨域问题（一种针对外部网站访问本地数据的安全措施） 网上
阅读全文
posted @ 2021-08-27 17:23
摘要：export 与 export default 踩坑记录：Uncaught (in promise) TypeError: Object(...) is not a function at eval 两者都能做的 导出常量、函数、文件、模块等 可在别的文件import 导入使用导出的(常量、函数、文
阅读全文
posted @ 2021-08-27 17:22
摘要：循环定时器 循环定时器操作函数： // 设置循环定时器 setInterval(code, millisec); // 清空(清除)循环定时器 clearInterval(id_of_setinterval); 清空定时器函数方法内传入的 id 是 setInterval() 返回的 id，如： /
阅读全文
posted @ 2021-08-27 17:22
摘要：遍历 参考地址 对象遍历 1. Object.keys() 遍历 返回一个数组，包括对象自身的所有可枚举属性(不含Symbol属性) var obj = {'0':'a','1':'b','2':'c'}; Object.keys(obj).forEach(function(key){ consol
阅读全文
posted @ 2021-08-27 17:21
摘要：绑定右键菜单 contextmenu 1. 清除浏览器自带右键菜单 window.oncontextmenu = function (e) { e.preventDefault(); } 2. 绑定浏览器右键 从js中对指定元素进行绑定 document.getElementById('id').o
阅读全文
posted @ 2021-08-27 17:21
摘要：el-form 表单验证问题 若要使用 el-form 的验证功能，则需要将表单数据对象绑定给表单（model） 给需要进行验证的表单项，添加 prop 属性，内容是表单数据对象对应的字段名 <template> <el-form :model="formData" :rules="formRule
阅读全文
posted @ 2021-08-27 10:53
