- 博客(17)
- 收藏
- 关注
RSS订阅原创 12.set集合和map集合
set集合和map集合ES6中新增的数据存储结构，不同的场景使用不同的集合去存储数据。set集合12.1.1 创建用于存储不重复的数据创建set集合```js const s1 = new Set(iterable) console.log(s1)```12.1.2 方法实例方法： let array = [1,2,4,5,3,7,5,8,4];let a = new Set(array);console.log(a) //Set...
2021-11-06 16:15:15
129
转载 var，let，const的区别
一、var如果使用var 声明一个变量，那这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。var a = 1; //此处声明的变量a为全局变量function foo(){ var a = 2;//此处声明的变量a为函数foo的局部变量 console.log(a);//2}foo();console.log(a);//1如果在声明变量时，省略 var 的话，该变量就会变成全局变量，如全局作用域中存在该变量，就会更新其值...
2021-10-25 00:22:49
79
原创 jQuery ready函数和JavaScript window.onload的区别
（1）加载方式区别window.onload事件会等DOM创建完毕，还要等到包括图片、音频、视频在内的所有外部资源都加载完毕才会执行，而$(document).ready( ) 只需等待DOM加载完毕，无需等待图像或外部资源的加载，执行起来也会更快。（2）覆盖问题 window.onload事件，如果编写多高，后面的会覆盖前面的，所以只能订阅一次。jQ中的$(document).ready( )可以在代码里编写多个，浏览器会根据他们在页面中出现的先后顺序依次执行它们...
2021-10-24 23:57:57
981
原创 call apply bind三者的区别
call方法function.call ( thisArg, Arr1, Arr2, . . .)apply方法function.apply( thisArg, [arr1, arr2, . . . ] )bind方法function.call ( thisArg, Arr1, Arr2, . . .)thisArg为this的指向，Arr为传入的参数call apply bind三者的区别：（1）指向的区别：三者的第一个参数都是this的指向，但是在使用..
2021-10-18 01:08:48
241
原创 什么是事件代理？
事件代理：又称事件委托，就是把原本需要绑定的事件委托给父元素，让付元素负责事件监听。其原理是DOM元素的事件冒泡。事件流图片事件流：页面触发一个事件时，会按照一定的顺序来响应事件，事件的响应过程为事件流；捕获阶段：先由文档的根节点document往事件触发对象从外向内捕获事件对象；目标阶段：到大目标事件位置（事发地），触发事件；冒泡阶段：从目标事件位置往文档的根节点方向回溯，从内向外冒泡事件对象；例子：通过监听ul来监听li的点击//html代码...
2021-10-17 23:19:54
503
原创 flex:1 包含的属性
flex是 flex-grow、flex-shrink 、 flex-basis这三个属性,规定了弹性元素如何伸长或缩短以适应flex容器中的可用空间。公共html代码<div class="box"> <di class="box1">1</di> <di class="box2">2</di></div>（1）flex-grow：元素放大时，按比例（参数值相对于所有兄弟元素所占比例）分配剩余空间；
2021-10-11 20:21:24
1339
原创 3D自传魔方
html代码<div class="max"> <div class="A"> <div class="a"> <img src="food1.jpg" alt=""> <img src="food2.jpg" alt=""> <img src="food3.jpg" alt=""> <img src="f
2021-10-08 17:32:57
74
原创 JS时间加载线
在浏览器打开的一刻,记录了js按照顺序执行的事情步骤：1.创建Document对象，开始解析web页面。解析html元素和他们支持的文本内容后，添加element 对象和text节点到文档中，这个阶段document.readyState=“loading”。2.遇到link外部css，创建线程加载，并继续解析文档。3.遇到script外部js，并且没有设置async，defer.（同步加载）浏览器加载并阻塞，等待js加载完成并执行该脚本，然后继续解析文档。4.遇到script外部..
2021-10-08 17:12:11
78
原创 三次握手四次挥手
三次握手第一次握手：客户端会向服务端发出连接请求，将标志位SYN置为1，随机产生一个值seq=J；客户端进入SYN_SENT状态，等待服务器端确认第二次握手：服务端响应客户端，并要求确认，将标志位SYN和ACK都置为1，ack=J+1，随机产生一个值seq=K；服务器端进入SYN_RCVD状态第三次握手：客户端校验(ackJ+1&&ACK1)，校验通过将标志位ACK置为1，ack=K+1响应服务端；服务端收到后校验(ackK+1&&ACK1)，校验通过连接...
2021-10-08 01:54:45
41
原创 前端网络—前端视角看网络
1、互联网的起源-1968年，美国国防部高级研究计划局组建了一个计算机网，名为ARPANET，又称“阿帕”网-1969年，“阿帕”网第一期投入使用，有4个节点，分别是加利福尼亚大学洛杉矶分校、加利福尼亚大学圣巴巴拉分校、斯坦福大学以及位于盐湖城的犹它州州立大学。-1987年9月20日20点55分，按照TCP/IP协议，中国兵器工业计算机应用研究所成功发送了中国第一封电子邮件参考文档：https://baijiahao.baidu.com/s?...
2021-10-08 01:29:56
94
原创 CSS 2D转换
CSS 2D转换可对元素进行平面旋转、平移、倾斜、缩放等操作。translate( ) ：从当前位置向X轴和Y轴平移指定距离；//将div元素向X正轴平移100px，向Y正轴平移200px;div { transform: translate(100px, 200px);}//将div元素向X正轴平移100px；div {transform: translate(100px);}//负数为X或Y轴负轴方向//将div元素向X负轴平移-100px，向...
2021-08-26 08:30:15
102
原创 transition（过度）属性
结合hover值可实现元素属性的持续改变transition:设置改变过程的时间。//将改变时间设置为两秒transition: 2s;//将宽度的持续改变时间设为2秒，高度持续改变时间设为3秒transition:width 2s , height 3s;transition-delay：设置改变前延迟的时间。//改变前有一秒延迟transition-delay: 1s;transition-timing-function 规定变化过程中各阶段的变化速.
2021-08-09 02:18:27
254
原创 Position(定位)回顾
position：指定定位元素的类型；position属性的五种定位元素：static：静态定位；（默认值） relative：相对定位； absolute：绝对定位； fixed：固定定位； sticky：粘性定位；当设置了定位元素后，可利用left、right、top、bottom属性来进行定位，还可以结合magin（外边距）来使其居中。当同时设置四个偏移量为相同值时以left和top为先。left：离左侧的高度； right：离右侧的高度； top：离顶部的高度； b...
2021-08-08 23:55:02
63
原创 flex布局回顾
最近开始学习前段了，对于我这个对前段七窍通了六窍的人，学了之后不多温习温习的话，你懂的！所以今天我就回顾了一下前不久学习的弹性布局的知识，如果有什么错误或者遗漏之处，还望各位大佬指点一二 (˘Δ˘入)...
2021-08-01 23:31:27
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人