10 2022 档案
摘要：立即执行函数形式 (function())({ ..content }) (function(){ ..content }())//es6推荐 特别实例 (function(a) { return (function(b) { console.log(a); })(1); })(0) //输出0 注
阅读全文
摘要：###定义：（MDN） 闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。 个人见解：由于js的内存释放是
阅读全文
摘要：#数据类型种类 七种基本数据类型 Number、String、Boolean、BigInt、Symbol、Null、Undefined 附：BigInt也是ES6新出的一种数据类型，这种数据类型的特点就是数据涵盖的范围大，能够解决超出普通数据类型范围报错的问题。 使用方法： -整数末尾直接+n：64
阅读全文
摘要：##三者同异 | | cookie | localstorage | sessionstorage | | | | | | | 存储大小 | 4K | 5M | 5M | | 数据有效期 | cookie默认有效期非常短暂，存在于web浏览器会话期间，也可以手动设置 | 永不失效，除非web应用主动
阅读全文
摘要：冒泡排序 :两个指针循环，遇到不合适就交换，直到将符合要求的浮到边界 function bubbleSort(list){ for(let i=0;i<list.length;i++){ for(let j=0;j<list.length-i-1;j++){ if(list[j]>list[j+1]
阅读全文
摘要：#常用正则符号 . 查找单个字符，除了换行和行结束符 \w 查找单词字符 \W 查找非单词字符 \d 查找数字 \D 查找非数字字符 \s 查找空白字符 \S 查找非空白字符 \b 匹配单词边界 \B 匹配非单词边界 #关于url组成 // 开始符 ^ // 协议部分http(s):// 表示为((
阅读全文
摘要：#利用Set（） return Array.from(new Set(array)) //return [...new Set(array)] #filter+indexOf实现 return arr.filter(function(item, index, array) { return arra
阅读全文
摘要：DOM0，2，3 dom0 onclick dom2 addEventListener()和removeEventListener() 第一个参数是事件名（如click）； 第二个参数是事件处理程序函数 （不能是匿名函数，因为移除时会用到）； 第三个参数如果是true则表示在捕获阶段调用，为fals
阅读全文
摘要：前言 水平居中可以简单使用以下两种方式： margin:0 auto； text-align:center； 故重点讨论垂直居中 1.（一行文字）设置行高等于父元素高度 line-height: 200px; //设置行高等于父元素高度 2.（多行文字）verticle-align:middle +
阅读全文
摘要：#圣杯布局 ##float实现 body <body> <div class="header">header</div> <div class="container"> <div class="middle">middle</div> <div class="left">left</div> <di
阅读全文
摘要：三栏布局： 如果不考虑高度，即用内容填充高度的话，是可以用inline-block和calc（）实现布局的。但适用性差。 float和position的兼容性好，但float会用到calc属性影响兼容性。 calc和flex的兼容性都有一定问题。 grid是未来的发展趋势~~所以兼容性拉跨也很合理吧
阅读全文
摘要：ps.图片来源CSDN用户sq-web的博客，感谢 CAN I USE 兼容性查询
阅读全文
摘要：为什么<body>设置的背景色能传递到整个<html>？ 浏览器会默认取根元素，即<html>的背景作为背景。 但当<html>未设置背景色时，body若设置了背景色会被传递到外部。 高度的初始化？ 块元素的宽度的宽度默认为父元素的宽度。<html>的宽度默认为100%。 但高度不同，默认的高度是由
阅读全文
摘要：CSS 样式引入 样式种类 外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css"> 内部样式表:<style> 内联样式表: style="" 优先级: 通用选择器（*） 标签选择器 类选择器 属性选择器 伪类 ID 选择器
阅读全文
