- 博客(22)
- 收藏
- 关注
RSS订阅原创 WebSocket
当服务器收到上述 HTTP 请求后，它会检查请求头部是否符合 WebSocket 协议的要求。如果请求合法且服务器支持 WebSocket，它将返回一个 HTTP 101 响应，表示协议切换成功。此时，客户端和服务器之间的连接已经建立，并且它们可以通过 WebSocket 协议进行双向通信。在 JavaScript 中创建 WebSocket 对象时，浏览器会自动发起一个 HTTP 请求，并请求与服务器进行协议升级。：当通信完成后，任一方都可以发送关闭连接的请求，WebSocket 连接将被关闭。
2024-12-19 21:55:22
698
原创 display: none和visibility: hidden的区别
布局：元素从页面中完全移除，不占据任何空间。：元素不可见，但仍然占据空间。页面重绘和重排：由于元素被完全移除，页面会触发回流和重绘，完全移除元素。。：页面只会触发重绘（repaint），不会触发重排。动画和过渡：在使用 CSS 过渡和动画时，不太容易实现，因为元素被完全移除。：可以配合 CSS 过渡和动画实现隐藏和显示效果，因为元素仍然存在。
2024-11-20 12:06:44
1524
原创 import 和require
规范require是 CommonJS 规范，import是 ES6 规范。动态性require支持动态导入与路径匹配，import不支持。赋值 vs 解构require是赋值操作，import是解构操作。导入语法export的导出用{}，一一对应。的导出不需{}。
2024-10-29 20:22:09
1815
原创 JS获取和修改url参数
这个 URL 之中，汉字“春节”不是 URL 的合法字符，所以被浏览器自动转成。JavaScript 提供四个 URL 的编码/解码方法。，将每个字节前面加上百分号，就构成了 URL 编码。这是因为“春”和“节”的 UTF-8 编码分别是。比如，UTF-8 的操作系统上，
2024-10-18 15:11:25
269
原创 Reflect方法使用
Reflect是ES6中引入的一个新的内置对象，提供了一组静态方法，这些方法与一些操作符和语句的行为是一致的。Reflect对象的方法可以被用于代替一些传统的操作，比如属性的获取、设置、删除，函数的调用等，同时也提供了一些元编程的能力。下面是Reflect});Proxy 和 Reflect 是 ES6 中引入的两个重要的特性，它们都为 JavaScript 的元编程提供了强大的支持。
2024-10-15 20:29:14
936
原创 Set去重机制
也就是说，两个看似相同的数组（即使它们的内容相同）也会被认为是不同的，因为它们在内存中的引用不同。用来存储独一无二的值，但对于对象（包括数组）来说，认为每个不同引用的数组都是唯一的。在 JavaScript 中，来检测数组内容的重复。
2024-10-15 20:27:33
243
原创 04.理解浏览器的缓存机制
浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体)，如下图HTTP响应(Response)报文，报文格式为：状态行 – HTTP头(通用信息头，响应头，实体头) – 响应报文主体，如下图。
2024-10-14 15:50:26
819
原创 回流(重排)和重绘
在我们深入研究回流和重绘之前，让我们先了解一下它们是什么。回流（Reflow）是浏览器为了重新渲染部分或全部文档而重新计算元素的几何属性的过程。这包括了元素的尺寸、位置、布局和页面的结构。回流是一种比较昂贵的操作，因为它会触发浏览器重新计算并重新绘制元素，可能导致性能下降。回流是指浏览器为了重新渲染部分或全部文档而重新计算元素的位置和几何结构的过程。当页面布局发生改变时，浏览器需要重新计算元素的位置和大小，然后重新绘制页面。回流是一种比重绘更加昂贵的操作，因为它涉及到整个页面布局的重新计算。
2024-10-14 15:30:46
931
原创 npm run xxx命令后发生了什么
我们在安装依赖的时候，是通过npm i xxx 来执行的，例如，npm 在 安装这个依赖的时候，就会目录中创建 好为名的几个可执行文件了。.bin 目录，这个目录不是任何一个 npm 包。目录下的文件，表示这是一个个软链接，打开文件可以看到文件顶部写着/bin/sh，表示这是一个脚本。由此我们可以知道，当使用执行时，虽然没有安装的全局命令，但是 npm 会到中找到文件作为 脚本来执行，则相当于执行了（最后的 serve 作为参数传入）。
2024-10-14 15:25:31
539
原创 互联网是如何运作的
互联网是如何运作的？问得好！互联网的发展已经变得爆炸性，似乎无法逃脱在电视上看到、在广播中听到和在杂志上看到的 www.com 的轰炸。由于互联网已成为我们生活的重要组成部分，因此需要充分了解才能最有效地使用这种新工具。本文介绍 了Internet 正常工作的底层基础结构和技术。
2024-10-14 15:08:28
1902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人