学习网易云音乐移动端

最新推荐文章于 2024-09-08 22:38:01 发布

乔阳春

最新推荐文章于 2024-09-08 22:38:01 发布

阅读量72

点赞数

文章标签：学习 javascript 开发语言

本文链接：https://blog.csdn.net/xiaoyangchun1/article/details/130703242

版权

1、onresize 事件：onresize 事件会在窗口或框架被调整大小时发生。

In HTML:

<element οnresize="SomeJavaScriptCode">

JavaScript 中:

window.οnresize=function(){SomeJavaScriptCode};

2、js中获取html元素之document.documentElement

Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如HTML文档的 <html> 元素）。

对于任何非空 HTML 文档，调用 document.documentElement 总是会返回一个 <html> 元素，且它一定是该文档的根元素。借助这个只读属性，能方便地获取到任意文档的根元素。

3、rem是一个相对单位

rem是相对于html的font-size去设置的

盒子模型

盒子模型是指：外边距（margin）+ border（边框） + 内边距（padding）+ content（内容）

可以把每一个容器，比如div，都看做是一个盒子模型

比如你给一个div设置宽高为500px，但实际你设置的只是content，之后你又设置了padding:10px;border:1px solid red;

这时div的宽高就会变为544px（content 500px + padding 40px + border 4px）

相当于一个元素的实际宽高是由： padding + border + content 组成

没有设置box-sizing:border-box属性，宽高会加上padding和border的值，需要我们手动去计算，减去padding和border的值，并调整content的值，以免超过给定的宽高

标准盒模型总宽度=width+margin(左右)+padding（左右）border（左右）

怪异盒模型总宽度=width+margin（左右）（width已经包含了padding和border值

4、css align-items 属性:居中对齐弹性盒的各项 <div> 元素

div { display: flex; align-items:center; }

5、font-weight：数字（千万不要加px。他是一个数字）；

6、将引入的第三方库去进行集中管理：

在src下创建一个新的文件夹plugins，在plugins中新建index.js，在这里面对引入的组件进行集中管理。

7、什么是scoped属性：

scoped 属性是 style 标签上的一个特殊属性（布尔值）。表示当前style 里的样式只属于当前模块。（作用域、私有化的思想）

在vue中引入了scoped这个概念，scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式，使用了data-v-hash的方式来使css有了它对应模块的标识，这样写css的时候不需要加太多额外的选择器，方便很多。

8、生命周期钩子在组合API中要先引入

9、在Vue3中，响应式对象是指通过reactive函数转换而来的对象，它的属性可以被Vue自动监测，当属性值发生变化时，Vue会自动更新相关的视图。这个过程是通过Vue内部实现的响应式系统来完成的。

10、export与export default的区别在于：

export可以导出多个变量或函数，而export default只能导出一个默认值。
在导入时，export需要使用{}括起来，而export default不需要。
export可以在一个模块中多次使用，而export default只能使用一次。
export可以与import一起使用，而export default只能与import ... from一起使用。
export可以在一个模块中与其他导出语句一起使用，而export default只能作为模块的默认导出。

11、vue中属性的绑定：v-bind

12、BFC:什么是BFC，他有什么用？_King十三的博客-CSDN博客

13、三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备。

为什么TCP连接的时候是3次？2次不可以吗？

因为需要考虑连接时丢包的问题，如果只握手2次，第二次握手时如果服务端发给客户端的确认报文段丢失，此时服务端已经准备好了收发数(可以理解服务端已经连接成功)据，而客户端一直没收到服务端的确认报文，所以客户端就不知道服务端是否已经准备好了(可以理解为客户端未连接成功)，这种情况下客户端不会给服务端发数据，也会忽略服务端发过来的数据。
如果是三次握手，即便发生丢包也不会有问题，比如如果第三次握手客户端发的确认ack报文丢失，服务端在一段时间内没有收到确认ack报文的话就会重新进行第二次握手，也就是服务端会重发SYN报文段，客户端收到重发的报文段后会再次给服务端发送确认ack报文。
14、

为什么TCP连接的时候是3次，关闭的时候却是4次？

因为只有在客户端和服务端都没有数据要发送的时候才能断开TCP。而客户端发出FIN报文时只能保证客户端没有数据发了，服务端还有没有数据发客户端是不知道的。而服务端收到客户端的FIN报文后只能先回复客户端一个确认报文来告诉客户端我服务端已经收到你的FIN报文了，但我服务端还有一些数据没发完，等这些数据发完了服务端才能给客户端发FIN报文(所以不能一次性将确认报文和FIN报文发给客户端，就是这里多出来了一次)。

15、HTTP/1.0是无状态、无连接的应用层协议。无连接：每次请求都要建立连接无法复用连接，每次发送请求都要进行TCP连接，TCP的连接释放都比较费事，会导致网络利用率低。

1.1：不安全：通信使用明文传输、信息泄露。HTTP/1.1 提出了长连接的通信方式，也叫持久连接。这种方式的好处在于减少了 TCP 连接的重复建立和断开所造成的额外开销，减轻了服务器端的负载。HTTP/1.1 管道解决了请求的队头阻塞，但是没有解决响应的队头阻塞。