摘要: 三次握手 图片来源:自己画的 三次握手(Three-Way Handshake)是 TCP/IP 协议中建立连接的过程,它用于确保通信双方都能准备好开始数据传输,并且能同步双方的初始序列号。三次握手是一个可靠的连接建立过程,目的是为了确保双方的连接状态一致,且数据传输能够顺利进行。 三次握手的步骤 阅读全文
posted @ 2024-11-06 15:08 Better-HTQ 阅读(265) 评论(0) 推荐(0) 编辑
摘要: Chrome浏览器采用了多进程架构,这使得它在提高浏览器稳定性、安全性和性能方面具有显著优势。每个不同的进程负责不同的功能,这样的设计使得浏览器的各个部分能够独立运行、互不干扰。下面是Chrome浏览器中常见的进程类型及其作用: 1. 浏览器进程(Browser Process) 作用:浏览器进程是 阅读全文
posted @ 2024-11-05 10:13 Better-HTQ 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 当新旧 vnode 的子节点都是一组节点时,为了以最小的性能开销完成更新操作,需要比较两组子节点,用于比较的算法就叫作 Diff 算法。 9.1 减少 DOM 操作的性能开销 场景: 标签相同,子节点是文本节点,文本内容不同时 虚拟节点: 01 // 旧 vnode 02 const oldVNod 阅读全文
posted @ 2024-10-15 20:59 Better-HTQ 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 最简单的原理——物质利己主义(即人们总希望得到的最多而付出的最少) 让人顺从的6个基本原则:互惠、承诺和一致、社会认同、喜好、权威、短缺 一、影响力的武器 刺激——触发特征(固定行为模式) 动物有机械的固定行为模式,例如火鸡根据吱吱声保护孩子。更知鸟根据胸口的羽毛判断领地是否被侵犯而不是领地真的被侵 阅读全文
posted @ 2024-10-10 13:11 Better-HTQ 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 在 <script> 标签中,defer 和 async 是两个用于控制 JavaScript 脚本加载和执行行为的属性。它们的主要区别在于加载顺序和执行时机。具体如下: 1. defer 属性 加载方式: 使用 defer 的脚本在 HTML 解析的同时异步加载。 执行顺序: 所有带有 defer 阅读全文
posted @ 2024-09-20 16:44 Better-HTQ 阅读(687) 评论(0) 推荐(0) 编辑
摘要: 1.实现代码 components/InputInteger.vue <!-- 正整数输入框 --> <template> <el-input v-model="_value" @input="onInput" maxlength="9" clearable /> </template> <scri 阅读全文
posted @ 2024-09-13 11:15 Better-HTQ 阅读(59) 评论(0) 推荐(0) 编辑
摘要: /** * 支持非常长的类`setTimeout`延迟定时器。 * * @param {Function} callback - 延迟执行的回调函数。 * @param {number} delay - 延迟的时间,单位为毫秒。支持超过 `setTimeout` 最大限制(2^31 - 1 毫秒,约 阅读全文
posted @ 2024-09-03 14:29 Better-HTQ 阅读(7) 评论(0) 推荐(0) 编辑
摘要: directives | index.js | throttle.js 挂载 // main.js import directives from "./directives"; Vue.use(directives); 代码实现 // index.js import Vue from "vue"; 阅读全文
posted @ 2024-08-21 15:16 Better-HTQ 阅读(50) 评论(0) 推荐(0) 编辑
摘要: .tab-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; .custom-scroll(); } .wrap { min-height: 100%; .a { /* ... * 阅读全文
posted @ 2024-07-30 10:37 Better-HTQ 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 目标效果 实现 <div class="pop triangle-border">Hello</div> /* 气泡框类*/ .pop { ... } /* 气泡尖角伪元素*/ .triangle-border:before { content: ''; position: absolute; to 阅读全文
posted @ 2024-07-29 16:20 Better-HTQ 阅读(44) 评论(0) 推荐(0) 编辑