随笔分类 - 前端
HTML、css、JavaScript、vue、jQuery
摘要：偏移量（offset dimension） 偏移量：包括元素在屏幕上占用的所有可见空间,元素的可见大小由其高度，宽度决定，包括所有内边距，滚动条和边框大小（注意，不包括外边距）。 以下4个属性可以获取元素的偏移量 1.offsetHeight：元素在垂直方向上占用的空间大小，以像素计。包括元素的高度
阅读全文
摘要：animate.css是一个基于css3 animation动画库，库中预设了几乎所有日常开发中的需求 animate.css 的官网为：https://animate.style 官方好像访问不到(2022-11-09) gitee镜像代码：https://gitee.com/mirrors/an
阅读全文
摘要：官网自定义指令介绍 在元素中添加v-move指令，使用该元素的第一个子元素作为点击目标，进行父元素拖动. （一般都是选中元素的一部分，带动整个元素的移动的吧~） <template> <div v-move class="file-tool"> <span class="desc">文件</span
阅读全文
摘要：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 代码如下，可自行尝试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
阅读全文
摘要：MDN文档 - getUserMedia介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
阅读全文
摘要：canvas.toDataURL('image/png')返回图片数据格式是base64，如果需要直接下载，应该如何操作？ 代码如下 let base64 = canvas.toDataURL('image/png'); var dlLink = document.createElement('a'
阅读全文
摘要：一、可选链(.?) 如果一个值为null、或者是undefined 那么我们再去用点操作符去调用一个方法或者访问一个属性会发生什么? 其实这种情况就相当于直接在undefined上面访问name属性. undefined和null是两个比较特殊的数据类型,是不能用点操作符去访问属性的. 那么在一个变
阅读全文
摘要：一、File转Blob MDN文档 createObjectURL <input type="file"> <button class="btn" onclick="openFile()">点我</button> function openFile() { var input = document.
阅读全文
摘要：官方文档position MDN中对于fixed定位的解释：元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。 元素的位置在屏幕滚动时不会改变。 打印时，元素会出现在的每页的固定位置。fixed 属性会创建新的层叠上下文。 当元素祖先
阅读全文
摘要：<el-table :row-style="{height:'20px'}" :cell-style="{padding:'0px'}" style="font-size: 10px"> </el-table> 说明：行高到一定程度之后便不能缩小
阅读全文
摘要：需求 公司同个局域网下，需要访问其它电脑的共享文件夹下的内容，应该如何操作 解决 1.首先，在被访问的电脑里设置共享文件夹 2.在需要访问共享文件夹的计算机里，win10系统，打开控制面板—>用户账号—>管理Windows凭证 3.添加Windows凭证 4.输入局域网要访问的共享文件夹的计算机ip
阅读全文
摘要：域名解析不像空间绑定IP那样，能够即时生效，即时失效。 每一个域名，在服务商那边都有一个DNS服务器，作用是把利于用户记忆的域名转换成计算机方便理解的IP地址，在域名管理中，其中一项就记录着你的域名指向，术语叫A记录，用于指向一个IP地址。 但全世界的人们通过互联网访问你的网站时，会通过域名寻址，访
阅读全文
摘要：一、什么是DNS域名解析 IP地址是互联网上计算机唯一的逻辑地址，通过IP地址实现不同计算机之间的相互通信，每台联网计算机都需要通过IP地址来互相联系和分别。 但由于IP地址是由一串容易混淆的数字串构成，人们很难记忆所有计算机的IP地址，这样对于我们日常工作生活访问不同网站是很困难的。 基于这种背景
阅读全文
摘要：图片热区技术 插入一张图片，并设置好图像的有关参数，在<img>标记中设置参数usemap="#image-map"，以表示对图像地图的引用。 用<map>标记设定图像地图的作用区域，并取名：image-map； 分别用<area>标记针对相应位置互粉出多个矩形作用区域，并设定好链接参数href h
阅读全文
摘要：3分钟告诉你什么是 非对称加密、对称加密、公钥、私钥、数字证书、数字签名、信息摘要、中间人攻击、CA、根证书 数字证书及CA的扫盲介绍 各种数字证书区别 p12, crt, key, cer等证书，用自定义根证书生成客户端和服务端的证书 创建自定义ssl证书用于https
阅读全文
摘要：1.什么是http-server http-server是一个简单的零配置的命令行http服务器（基于nodejs），它足够强大便于生产和使用，用于本地测试和开发。 一般我们打开一个网页都是通过files协议本地打开的方式，当前端项目打包之后想在本地查看发布效果的时候，这时需要在本地开启一个服务，此
阅读全文
摘要：一、序言 Nginx是lgor Sysoev为俄罗斯访问量第二的rambler.ru站点设计开发的。从2004年发布至今，凭借开源的力量，已经接近成熟与完善。 Nginx功能丰富，可作为HTTP服务器，也可作为反向代理服务器，邮件服务器。支持FastCGI、SSL、Virtual Host、URL
阅读全文
摘要：一、什么是跨域 CORS全称Cross-Origin Resource Sharing，意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时，就会发出跨域请求。如果此时另一个资源不允许其进行跨域资源访问，那么访问就会遇到跨域问题。 跨域指的是浏览器不能执行其它网站的脚本。是由浏
阅读全文
摘要：1.循环数组 区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。 const arr = ['a','b','c'] // for ... in for (const key in arr){ console
阅读全文
摘要：1%~100% 对照表 0% (00) 1% (03) 2% (05) 3% (08) 4% (0A) 5% (0D) 6% (0F) 7% (12) 8% (14) 9% (17) 10% (1A) 11% (1C) 12% (1F) 13% (21) 14% (24) 15% (26) 16%
阅读全文
