08 2020 档案

<iframe> 标签
摘要：作者使用场景（需求）：在注册页面，pdf协议放在model框中显示； <Modal v-model="Agreement" width="700" :mask-closable="false"> <div class="iframeContent"> <iframe :src="selectAgre 阅读全文
posted @ 2020-08-31 14:40 queenDream 阅读(442) 评论(0) 推荐(0)
js深度克隆的几种方法
摘要：方法一 老老实实敲代码法（迭代法，适用于所有） 1.function deepClone(obj) { let newObj = Array.isArray(obj) ? [] : {} if (obj && typeof obj "object") { for (let key in obj) { 阅读全文
posted @ 2020-08-17 14:39 queenDream 阅读(2680) 评论(0) 推荐(1)
理解和使用ES6中的Symbol
摘要：ES6中引入了一种新的基础数据类型：Symbol，不过很多开发者可能都不怎么了解它，或者觉得在实际的开发工作中并没有什么场景应用到它，那么今天我们来讲讲这个数据类型，并看看我们怎么来利用它来改进一下我们的代码。 这是一种新的基础数据类型（primitive type） Symbol是由ES6规范引入 阅读全文
posted @ 2020-08-17 14:04 queenDream 阅读(523) 评论(0) 推荐(0)
js属性对象的hasOwnProperty方法
摘要：Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。 判断自身属性是否存在 var o = new Object(); o.prop = 'exists'; function changeO() { o.newprop = o.prop; de 阅读全文
posted @ 2020-08-17 09:28 queenDream 阅读(218) 评论(0) 推荐(0)
宏任务（macrotask）和微任务（microtask）-异步任务的分类
摘要：/* * 宏任务 * 分类： setTimeout setInterval requrestAnimationFrame * 1. 宏任务所处的队列就是宏任务队列 * 2. 第一个宏任务队列中只有一个任务： 执行主线程的js代码 * 3. 宏任务队列可以有多个 * 4. 当宏任务队列的中的任务全部执 阅读全文
posted @ 2020-08-11 16:35 queenDream 阅读(733) 评论(0) 推荐(0)
rem适配
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> <title></t 阅读全文
posted @ 2020-08-11 15:56 queenDream 阅读(172) 评论(0) 推荐(0)
元素水平垂直居中--五种
摘要：第一种： 第二种： 第三种： 第四种： 第五种： 完。 阅读全文
posted @ 2020-08-11 15:53 queenDream 阅读(136) 评论(0) 推荐(0)
物理像素
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> <title></t 阅读全文
posted @ 2020-08-11 15:45 queenDream 阅读(122) 评论(0) 推荐(0)
js中限制字符串输入中英文字符的长度--封装
摘要：/** @method 是否限制字符串输入中英文字符的长度要求* @param {str} String： 输入的字符串* @param {num=16} Number： 限制字符串的长度，num默认值为16* callback：boolean true:符合;false:不符合*/export f 阅读全文
posted @ 2020-08-10 11:52 queenDream 阅读(850) 评论(0) 推荐(0)
长列表优化-eg
摘要：页面数据太多（几百上万条）导致页面卡顿，此时需要对页面进行优化 重点：scoll方法计算，只加载可视区域的标签； 直接复制代码运行查看 <!doctype html5> <html> <head> <meta charset="utf-8" /> <meta name="viewport" cont 阅读全文
posted @ 2020-08-05 15:24 queenDream 阅读(446) 评论(0) 推荐(0)
利用Nodejs的os.networkInterfaces()模块修改vue-cli项目默认打开地址
摘要：os.networkInterfaces()是Nodejs的一个方法，该方法返回一个对象，包含只有被赋予网络地址的网络接口。我们创建一个vue-cli项目的时候，默认会在config目录下index.js文件中配置初始host属性为localhost或127.0.0.1，浏览器打开的地址也会基于ho 阅读全文
posted @ 2020-08-05 10:14 queenDream 阅读(2660) 评论(0) 推荐(0)