- 博客(31)
- 收藏
- 关注
原创 http知识点
Accept:.text/html 代表浏览器可以接受服务器回发的类型为text/html,也就是我们常说的html文档,如果服务器无法返回text/html类型的数据,服务器应该返回一个406错误(Not Acceptable)当一个网页打开完成后,客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭,如果客户端再次访问这个服务器上的网页,会继续使用这一条已经建立的连接。客户端在服务器有中文版资源的情况下,会请求其返回中文版对应的响应,没有中文版时,则请求返回英文版响应。
2025-03-31 15:29:01
1095
原创 透过TCP/IP看HTTP
服务端会将上述的信息放到一个报文段 (SYN+ACK报文段)中,一并发送给客户端,此时服务端将会进入。同时这样也是为了防止失效的请求报文段被服务器接收,而出现错误的情况。的 SYN+ACK 报文段后,会向服务端发送ACK确认报文段,这个报文段发送完毕后,客户端和服务端都进入。TCP三次握手的建立连接的过程就是确认初始序号的过程,告诉对方,什么样序号的报文段能够被正确接收。用来处理在网络上流动的数据包,数据包是网络传输的最小数据单位。第三次握手的作用是客户端对服务器端的初始序号的确认。
2025-03-30 13:58:09
1140
原创 自适应布局与响应式布局!!!
自适应布局和响应式布局都可以使用媒体查询来创建响应式网页,但它们的设计理念和应用方式有所不同。选择哪种方法取决于具体的需求和项目目标。如果需要为特定的设备提供最佳的用户体验,并且愿意为每个设备创建和维护单独的布局,那么自适应布局可能是更好的选择。如果需要创建一个能够适应任何屏幕尺寸的布局,并且希望减少开发工作量,那么响应式布局可能是更合适的选择。
2025-03-25 11:17:19
1099
原创 grid网格布局图解
CSS Grid 布局是一种强大的二维布局系统,可以同时处理行和列,非常适合用于复杂的多行多列布局。它将网页划分为一个个网格单元,可以任意组合不同的网格,实现各种各样的布局
2025-03-19 17:14:01
302
原创 Grid 布局实现三栏布局
使用 CSS Grid 布局实现三栏布局(左右固定 100px,中间自适应)的核心原理是通过网格模板精确控制列宽分配。
2025-03-19 09:59:19
1060
原创 浏览器的组成、渲染过程及缓存机制
浏览器的主要功能是将用户选择的 web 资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中。用户用 URI (Uniform Resource Identifier 统一资源标识符)来指定所请求资源的位置浏览器内核(也称为渲染引擎)是浏览器最核心的组件,负责将网页代码转换为用户可见的页面。其核心功能包括解析 HTML、CSS、JavaScript 等语法,并最终渲染显示内容
2025-03-18 10:43:24
580
原创 Pinia是什么?它与Vuex有什么区别?
Pinia是 Vue.js 的现代化状态管理库,专为 Vue 3 设计,同时兼容 Vue 2它是Vuex的现代替代品,提供了更简洁和直观的 API。
2025-03-17 15:16:05
802
原创 Vuex知识点总结
Vuex是一个专为 Vue.js 应用程序开发的状态管理模式库作用:解决组件间状态共享的问题,避免多层嵌套传参的复杂性核心集中管理应用的所有组件状态。
2025-03-17 14:35:33
1122
原创 localStorage 和 sessionStorage
localStorage和 sessionStorage都是 Web Storage API 的一部分,用于在浏览器中存储数据。
2025-03-16 16:01:54
553
原创 CSS 盒模型
CSS盒模型(Box Model)是网页布局的核心概念,它将每个HTML元素视为一个矩形盒子,由内容、内边距、边框和外边距四部分组成。
2025-03-16 12:48:52
455
原创 带你深入了解防抖Debounce和节流Throttle
防抖:适合【最终状态】场景(如输入完成后触发),需注意设置合理的延迟时间节流:适合【持续状态】场景(如滚动、拖拽),可结合时间戳或定时器实现
2025-03-15 15:47:09
1143
原创 深拷贝and浅拷贝
(1)拷贝:拷贝就是为了复用原对象的部分or全部数据,在原对象的基础上通过复制的方式创建一个新的对象。拷贝对象可以分为三种类型:直接赋值、浅拷贝和深拷贝(2)直接赋值:并不会创建一个新的对象,而是将原对象的引用赋给新变量。因此,修改新变量会影响到原对象。(3)浅拷贝浅拷贝会创建一个新的对象,仅复制对象的第一层属性。如果是简单数据类型拷贝值,引用数据类型(eg:对象、数组)拷贝的是地址。如果是单层对象,没问题,如果有多层就有问题,修改嵌套对象会影响原对象。(4)深拷贝。
2025-03-15 11:19:57
375
原创 JS内置构造函数有哪些???
JavaScript 内置构造函数是语言本身提供的一些特殊函数,用于。常见的内置构造函数包括ObjectArrayStringNumberBooleanDateRegExp等。
2025-03-14 11:35:42
748
原创 JS的闭包
程序中分配的内存由于某种原因,未能被释放或回收,导致这部分内存无法再被程序使用,从而造成内存。,即使函数在其定义的作用域之外执行,仍能访问该作用域中的变量。常驻内存会增大内存使用量,并且使用不当很容易造成。需手动解除引用,如变量置。
2025-03-13 10:55:04
314
原创 JavaScript中判断数据类型的方式有哪些???
instanceof操作符用来判断一个对象是否是某个构造函数的实例,也可以用来判断是否是某个对象的子类实例,Object.prototype.toString.call()方法返回一个表示对象的内部属性的字符串(数据类型,而不能判断基本数据类型。instanceof运算符还能用来测试一个对象在其。对象访问它的构造函数。需要注意,如果创建一个对象来改变它的原型,中是否存在一个构造函数的prototype属性。有两个作用,一是判断数据类型,二是对象实例通过。可以看到,instanceof只能判断。
2025-03-07 14:38:03
498
原创 什么是JavaScript中的包装类型?
JavaScript中,原始值没有方法或属性,但为了能够使用方法和属性,JavaScript提供了包装类型,允许基本类型(如String、Number、Boolean)临时“包装”为对象,从而调用对象方法。
2025-03-07 11:28:17
536
原创 谈谈事件循环
(Event Loop) 是 JavaScript 运行时处理的核心机制。它使得 JavaScript 能够以的方式处理(如 I/O 操作、定时器、网络请求等),同时保持高效和非阻塞。
2025-03-05 10:49:33
617
原创 JavaScript有哪些数据类型?它们之间有什么区别?
BigInt是一种可以表示任意精度格式整数的数据类型,它可以安全地存储和操作大整数,即便这个整数超过了Number的安全范围。基本数据类型包括string、number、boolean、null、undefined、symbol、bigInt。,主要用于对象的属性名,可以保证不会出现同名的属性,解决可能出现的全局变量冲突的问题。堆:内存分配效率低,但是堆的大小取决于计算机的内存大小,手动分配。栈:内存分配效率高,但是栈的大小有限,自动分配。引用数据类型:复制的是引用地址。JavaScript共有。
2025-02-28 17:18:34
460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人