- 博客(30)
- 收藏
- 关注
原创 Promise 与 async 和 await 的关系
Promise、async/await 是 JavaScript 中多用来处理异步操作的方法,它们之间存在关系和互相补充的特性。Promise 是一种用于处理异步操作的对象,它可以表示一个异步操作的最终完成或失败,并可以在操作完成后获取结果或处理错误。通过 Promise,我们可以使用链式调用来处理多个异步操作,使代码更具可读性。async/await 是基于 Promise 的一种语法糖,它提供了一种更直观和同步化的方式来编写异步代码。
2024-07-31 13:28:33 260
原创 将给定的JSON中所有带“_”的key转为驼峰写法(如果“_”出现在key的开头或结尾,直接删除),并输出最终的结果
则可以是一个字符串或者一个回调函数,用来描述替换值。字符串是不可变对象,该函数不改变原字符串,返回值为替换后的字符串。可以是字符串或者正则表达式,描述了需要替换的子字符串;在线工具调试,基本使用方法可以看。该函数接收两个参数,
2024-07-29 14:17:31 351
原创 CSS-opacity:0、display:none和visibility:hidden的区别
opacity:0 display:none visibility:hidden 是否从DOM树消失 不会 会 不会 渲染是否占据空间 是 否 是 是否可以点击 可以 不可以 不可以 属性是否可以继承 不可 不可 可以(子元素修改为visibility:visible显示) 修改元素造成重排重绘 重绘 重排 重绘 性能消耗 较少 较大 较少 读屏器是否可
2024-07-12 17:40:59 400
原创 CSS-BFC
"通常是指"块级格式化上下文(BFC)是在CSS中用来管理和控制元素在页面上布局和排列的一种机制。BFC容器是一种具有特定规则的HTML元素或CSS属性,它们会。BFC容器是CSS布局中的一个。
2024-07-12 14:56:20 320
原创 CSS-三栏布局
左右模块各自向左右浮动,并设置中间模块的 margin 值使中间模块宽度自适应。1.可以在class为main的类下添加下方代码(不推荐为了效果而强行修改)缺点就是主要内容无法最先加载,当页面内容较多时会影响用户体验。2.可以在main元素外再套一个父元素。
2024-07-12 14:35:01 309
转载 Access denied for user ‘root‘@‘localhost‘ (using password: YES)
发现一篇超级详细文章,超有用。
2023-06-06 14:02:54 124
原创 点击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 1395
原创 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 2311
原创 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 331
转载 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 1111
原创 如何实现数组去重
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 203
原创 JS代码如何进行延迟加载
js 的加载、解析和执行会阻塞页面的渲染过程,因此我们希望 js 脚本能够尽可能的延迟加载,提高页面的渲染速度。我了解到的几种方式是:1、将 js 脚本放在文档的底部,来使 js 脚本尽可能的在最后来加载执行。2、给 js 脚本添加 defer 属性,有derer的话,加载后续文档元素的过程将和 script.js 的加载并行进行(异步),但是 script.js 的执行要在所有元素解析完成之后,DOMContentLoaded 事件触发之前完成,并且多个defer会按照顺序进行加载。3、给
2021-09-14 08:52:17 385
原创 JS垃圾回收机制
JS垃圾回收机制JS的垃圾回收机制是为了以防内存泄漏,内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着,垃圾回收机制就是间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存。JS执行环境中的垃圾回收器怎样才能检测哪块内存可以被回收有两种方式:标记清除(mark and sweep)、引用计数(reference counting)。简单来说,有2种情况,会被视为垃圾。● 没有被引用的对象● 几个对象相互引用形成闭环那什么情况不会被视为垃圾呢?● 全局变量(时刻待命)● 有具体
2021-09-14 08:50:07 85
原创 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 110
原创 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 98
原创 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 75
原创 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 2924
原创 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 277
原创 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 154
原创 目前学习关于css3的相关内容
css3 层叠样式表 1) 在html中应用 css嵌入到html的头部的style标签内 css嵌入到元素style属性内 css规则与html结构分离(解耦) 高内聚低耦合 css规则可以复用 css单独写入到.css文件,通过link引入到html 2) 语法 注释: /* 注释内容 */ 唯一注释表示 语法: 选择器 { 样式规则 每一条规则后加分号(;)...
2021-08-25 16:39:23 145
原创 html网站重构中遇到的问题
1、定位布局与浮动布局的搭配使用,清除样式污染问题 热销榜与人气推荐双重浮动样式影响产生 2、具体样式 在页面中使用查看元素查看具体样式的 3、选择器的合理应用 不必逐层写选择器查看,只要能保证所写的选择器找到具体的标签添加样式即可 4、文字不换行,超出的长度用省略号代替 {width: 160px; overflow: hidden; text-overflow:ellipsis; white-...
2021-08-25 16:17:52 139
原创 目前学习关于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 238
原创 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 146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人