- 博客(10)
- 收藏
- 关注
原创 get和post区别简单理解
比较点GETPOST缓存支持缓存不缓存参数位置URL 查询字符串请求体(body)幂等性是(重复请求不影响结果)否(可能造成数据重复、变化)安全性低(参数暴露在 URL)高(参数在 body,不易暴露)数据编码仅支持 URL 编码支持多种编码(JSON、XML、表单、文件等)
2025-04-29 17:06:17
457
原创 HTTP/1.x、HTTP/2 和 HTTP/3 的演进
比 HTTP/1.0 稍微快一点,但还停留在「一条线、一件事接着一件事做」的模式。:在同一条路(TCP 连接)上,可以并行发送/接收多个请求和响应,速度大幅提升。在 HTTP/1.0 中,每个请求都要重新建立一次「邮寄连接」,开销大、慢。(TLS+QUIC 握手合并,理论上 0 或 1 次往返即可建立安全连接)如果还想再寄另一封信,就得重复 1–4 整个流程。,尤其在移动网络、丢包率高的环境下优势明显。(只重传丢失的数据流,不影响其他并发流)HTTP/3 最核心的变化,是。等快递员来取走,送到对方手上。
2025-04-29 16:57:31
598
原创 JavaScript 中的 Map
Map是 JavaScript 中的一种内置对象,它在 ES6(ECMAScript 2015)中被引入,提供了一种新的方式来存储键值对。与传统的对象 ({}) 存储键值对不同,Map有一些特别的特性,尤其是关于键值类型和插入顺序的保证。Map用来存储键值对,每一对数据是由和组成。Map:在对象中,键只能是字符串或Symbol类型,但在Map中,键可以是任何类型,包括对象、函数、甚至是NaN。这使得Map更加灵活。Map保证键值对的插入顺序,因此我们可以根据插入顺序来遍历Map。
2025-04-18 13:17:28
844
原创 Vue中 nextTick 的作用
nextTick 用于在 DOM 更新循环结束后执行延迟回调,确保操作的是最新的 DOM 状态。利用异步任务(优先微任务,如 Promise 和 MutationObserver,其次 setImmediate 和 setTimeout)调度队列中的所有回调。Vue2 和 Vue3 的 nextTick 实现基本思想相同,但 Vue3 对 API 进行了封装优化,使其始终返回 Promise,方便使用 async/await。
2025-04-14 22:59:36
1218
原创 Vue中keep-alive的常用属性及实现原理
使用keep-alive可以缓存组件的状态,防止重复创建和销毁。include 和 exclude 属性用于选择性地缓存组件,提高性能和控制灵活性。activated/deactivated 生命周期钩子可以帮助开发者在组件被激活或停用时执行特定逻辑,比如启动或暂停定时器。内部利用 LRU 算法管理缓存,当缓存达到上限时,自动移除最久未被使用的组件实例,防止内存占用过高。
2025-04-14 22:03:53
523
原创 简单学习Vue组件通信,Vue2和Vue3的写法区别
Vue组件通信主要有父子组件通信,兄弟组件通信,跨级组件通信这些场景,接下来就说说可以用哪些方法实现。
2025-04-14 16:30:15
1100
原创 简单举例总结ES6语法新特性
首先大致介绍一下ES6,ES是ECMAScript 的简称,ECMAScript是由 TC39 委员会负责制定和维护的 JavaScript 标准。ES6 标志着 ECMAScript 标准发展历程中的一次飞跃,它在 JavaScript 的基础上引入了许多全新的语法、内建对象和 API,不仅提升了代码的可读性和可维护性,也为开发大型应用提供了更强大的工具和更简洁的编程方式。
2025-04-10 14:38:23
655
原创 简单了解浏览器的垃圾回收机制
通过扫描对象图,判断哪些对象仍然可达,然后清除那些不可达的对象。优点在于能够正确回收绝大部分内存,但执行扫描过程可能会带来短暂的性能抖动。通过维护每个对象的引用计数来判断是否可以回收。简单直观,但容易受到循环引用的困扰,从而导致内存泄漏。这两种方法在现代 JavaScript 引擎中常常结合使用,既利用引用计数的实时性,又通过标记清除来解决循环引用的问题。
2025-04-10 13:56:21
890
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅