- 博客(21)
- 收藏
- 关注
RSS订阅转载 Access denied for user ‘root‘@‘localhost‘ (using password: YES)
发现一篇超级详细文章，超有用。
2023-06-06 14:02:54
84
1原创 iframe预览文件
html: <el-dialog :visible.sync='showFile' :before-close="handleCloseFile" custom-class="file-view"> <iframe id="viewFile" @load="changeHeight()" height="100%" :src="visibleSrc" frameborder="0" scrolling="no" ></iframe> <
2022-02-17 19:31:36
3461
原创 点击button出现水平二级菜单
实现如下效果：可以使用el组件el-popover注意：1.对el-popover的样式修改时，需要使用popper-class设置类名，并以.el-popover,不加空格（同级类名），然后加自己设置的类名，来设置样式。同时注意，style不能加scoped因为q-popover和 App.vue组件的div平级，所以需要设置全局style，在标签里，不加scoped就是全局style然后因为el-popover是独立的div，不要将样式加在嵌套里，也不能用穿透符>>..
2022-01-28 16:12:03
1319
原创 css设置头部左侧固定，右侧内容滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flex</title.
2021-11-08 10:53:00
2184
原创 css隐藏元素的方式
目录1.overflow:hidden2.opacity:0；3.visibility:hidden4.display:none5.position:absolute6.z-index:-10007.transform:scale(0)1.overflow:hidden隐藏元素溢出部分，占据空间，无法响应点击事件.hide{ overflow:hidden; // 占据空间}2.opacity:0；opac...
2021-11-05 14:57:18
199
转载 CSS中的flex布局
引自：掘金https://juejin.cn/post/7004622232378966046所用代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid.
2021-10-27 16:36:55
1057
原创 如何实现数组去重
let arr = [1,2,3,4,5,1,2,3]1）利用ES6中的 Set 方法去重： let new_arr = [...new Set(arr)];console.log(new_arr); 2）利用数组的filter方法去重： //filter() 使用指定的函数测试所有元素，并返回一个包含所有通过测试元素的新数组 //indexof() 可返回某个指定的字符串值在字符串中首次出现的位置。如果没有检索到指定字符串，则返回-1 ...
2021-09-21 16:33:34
164
原创 JS代码如何进行延迟加载
js 的加载、解析和执行会阻塞页面的渲染过程，因此我们希望 js 脚本能够尽可能的延迟加载，提高页面的渲染速度。我了解到的几种方式是：1、将 js 脚本放在文档的底部，来使 js 脚本尽可能的在最后来加载执行。2、给 js 脚本添加 defer 属性，有derer的话,加载后续文档元素的过程将和 script.js 的加载并行进行（异步），但是 script.js 的执行要在所有元素解析完成之后，DOMContentLoaded 事件触发之前完成,并且多个defer会按照顺序进行加载。3、给
2021-09-14 08:52:17
348
原创 JS垃圾回收机制
JS垃圾回收机制JS的垃圾回收机制是为了以防内存泄漏，内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。JS执行环境中的垃圾回收器怎样才能检测哪块内存可以被回收有两种方式：标记清除（mark and sweep）、引用计数(reference counting)。简单来说，有2种情况，会被视为垃圾。● 没有被引用的对象● 几个对象相互引用形成闭环那什么情况不会被视为垃圾呢？● 全局变量（时刻待命）● 有具体
2021-09-14 08:50:07
46
原创 js将类数组转换为数组
arguments是一个类数组对象，包含着传入函数中的所有参数。slice():接收2个参数(start_index,end_index),返回截取时选定的元素。不会改变原数组范围左闭右开function change(){ console.log(arguments); //打印出类数组 //将arguments转成数组，使用数组的forEach遍历方法 var arrArg = Array.prototype.slice.call(arguments,0);...
2021-09-13 16:40:25
72
原创 http协议与https的区别
http概述:超文本传输协议,是互联网上应用最为厂泛的一种网络协议。http的缺点：1.通信使用明文可能会被窃听。2.不验证通信方的身份可能遭遇伪装。3.无法证明报文的完整性，可能已遭篡改。https就是在安全的传输层上发送的http。它在将http报文发送给TCP之前，先将其发送给了一个安全层对其进行加密。http安全层是通过ssl及其现代替代协议TSL来实现的。https的优点(1)使用HTTPS协议可认证用户和服务器，确保数据发送到正确的客户机和服务器;(2)HTTPS协议是由SSL+...
2021-09-10 14:55:13
69
原创 js实现数组去重
var res =[1,2,5,4,3,6,8,5,4,2,6,7] var s = new Set(res); //Set集合，成员一定不重复，是一个类数组res = Array.from(s); //将类数组转回数组类型console.log(res);
2021-09-10 14:52:20
39
原创 js使用for循环计算阶乘、累加
阶乘//阶乘const readline = require("readline-sync");var n = readline.question("请输入一个数字：")var res = 1;var str = "";for(var i=n;i>0;i--){ res *= i; if(i !==1){ str += i +"*"; }else{ str +=i; }}console.log(n+"!="+str+"
2021-09-02 11:49:45
2792
原创 js使用for循环打印九九乘法表
第一种var str1="";for(var i=1;i<10;i++){ for(var j=1;j<=i;j++){ str1 += i + "*" + j + "=" + i*j + " "; if(i==j){ str1 += "\n"; } }}console.log(str1);结果为：第二种var str2="";for(var s=9;s>0;s--.
2021-09-01 20:49:32
236
原创 javascript判断最小公倍数，最大公约数
先安装插件readline-sync 获取控制台用户输入的内容 安装：npm i readline-sync 使用： const readline = require('readline-sync') var input = readline.question("请输入xxx");最小公倍数//最小公倍数const readline = require('readline-sync')var input = rea...
2021-09-01 18:28:14
131
原创 目前学习关于css3的相关内容
css3 层叠样式表 1) 在html中应用 css嵌入到html的头部的style标签内 css嵌入到元素style属性内 css规则与html结构分离（解耦） 高内聚低耦合 css规则可以复用 css单独写入到.css文件，通过link引入到html 2) 语法 注释： /* 注释内容 */ 唯一注释表示 语法： 选择器 { 样式规则 每一条规则后加分号(;)...
2021-08-25 16:39:23
111
原创 html网站重构中遇到的问题
1、定位布局与浮动布局的搭配使用，清除样式污染问题 热销榜与人气推荐双重浮动样式影响产生 2、具体样式 在页面中使用查看元素查看具体样式的 3、选择器的合理应用 不必逐层写选择器查看，只要能保证所写的选择器找到具体的标签添加样式即可 4、文字不换行，超出的长度用省略号代替 {width: 160px; overflow: hidden; text-overflow:ellipsis; white-...
2021-08-25 16:17:52
98
原创 目前学习关于html的相关内容
帮助网站：https://developer.mozilla.org/zh-CN/html 前端三要素： js 动化(能说会道) css 美化 (妆容) html 结构(身材) jquery echarts(dom) vue/react/angular(html/css/js) 脚手架(http://localhost:3000) sass/less (css)移动...
2021-08-13 18:11:21
217
原创 vscode使用
目录1.VScode添加作者注释2.VScode添加@注释1.VScode添加作者注释1.安装插件koroFileHeader2.在vscode左下角进入设置搜索fileheader，点击第一个进行编辑3.进入样式如图4.在第七行加入代码 "fileheader.customMade": { // 头部注释 "Author": "zzj", "Date": "Do not edit", "LastEdit..
2021-08-11 16:13:00
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人