别着急，坐和放宽
摘要： 用户输入URL → URL解析 → DNS解析（查缓存 →递归/迭代查询获取IP） → 建立TCP连接（三次握手） → (HTTPS) TLS握手 → 发送HTTP请求 → 服务器处理请求返回HTTP响应 → 浏览器接收响应 → 解析HTML构建DOM树 → 解析CSS构建CSSOM树 → 合并DOM+CSSOM形成渲染树（Render Tree） → 布局计算/回流（计算位置尺寸） → 绘制/光栅化（生成像素位图） → 合成与显示（合层并输出到屏幕）
URL 解析与输入处理 行为：** 用户在地址栏输入 URL 并按下回车。 解析：** 浏览器解析 URL，检查协议（http/https）、域名、端口、路径、查询参数等。 处理：** 浏览器可能执行自动补全、历史记录匹配或调用搜索引擎（如果是关键字而非合法 URL）。 DNS 域名解析 目的：* 将人类可读的域名（如 www.example.com）转换为机器可识别的 *IP 地址**。 过程：** 检查 浏览器缓存 中是否有该域名的 DNS 记录。 检查...
摘要： 📌 三、总结：为什么这么设计？ Devtools 的硬约束： 强制同步 Mutation 是 Vuex 实现可靠的状态快照记录和时间旅行调试的基石。 没有了它，复杂应用的调试将极其困难。 架构清晰度： Mutation 纯同步改状态，Action 管逻辑和异步。 这种明确的分工让代码结构更清晰，职责更单一，提高了可维护性和可测试性。状态的改变点（commit）集中在 Mutation，行为（dispatch）发生在 Action。 拥抱异步： Action 的异步支持是处理现代前端应用中无处不在的异步操作（尤其是 API）的必然选择。它提供了基于 Promise 的优雅编程模型。
🧬 一、核心区别（表象） | 特性 | Mutation | Action | | --- | --- | --- | | 功能 | 唯一修改状态 (state) 的途径 | 处理业务逻辑（异步、组合操作） | | 同步性 | 必须是同步操作 | 可以包含异步操作 | | 触发方式 | 通过 store.commit(mutationName, payload) | 通过 store.dispatch(actionName, payload) | | 调试 | Devtools 中可记录每次状态变更（时间旅...
📘 Vue 源码解析：响应式原理与 Diff 算法详解 一、理解 Vue 的响应式原理 响应式是 Vue 最核心的能力之一：当组件的 data 数据发生变化时，视图会自动更新。Vue 2 的响应式核心依赖于 Object.defineProperty。 1.1 使用 Object.defineProperty 实现响应式 function updateView() { console.log('视图更新'); } 1.1.1 监听数组方法 Vue 2 中不能直接监听数组变化，因此需重写数组原型： ...
用【我选择，我负责】，代替【我恐惧、我逃避】 “我害怕写论文，我害怕写不好，我害怕答辩的时候评委老师刁难我。” “我害怕见客户，我害怕说错话，我害怕自己吃亏，害怕被算计。” ——如此是谓“我恐惧，我逃避”。 “我选择写毕业论文，因为我想得到学位证”； “我选择拿起电话，去联系那个令人头疼的客户，因为我想得到利润”；” ——如此是谓“我选择，我负责”。 “我选择做XXX，因为我想得到XXX." 这个句式，可以帮助我们迅速地化被动为主动。 2.用【把比赛当成练习】，代替【等练好了再参赛】 如果我...
<img src="https://server.amfishers.com/api/v2/objects/file/2c5g53ikwf6bx5synm.jpeg" />
Day 1 Common front-end job vocabulary | Word | 中文释义 | 示例句子 | |------|----------|----------| | implement | 实现 | I implemented dark mode using Tailwind CSS. | | optimize | 优化 | I optimized the bundle size by removing unused code. | | scalable | 可扩展的 | We designed a scalable layout system. | | reu...
“ 很荣幸能陪你走过这样一段路，以后你不管是大红大紫还是泯然众人，我都记得在今年的这个暮冬到初春，我见证过你眼里有光并也认为前路有光的时刻。祝你，永远一帆风顺，永远是少年 ” 「我告诉你我喜欢你，并不是一定要和你在一起，只是希望今后的你，在遭遇人生低谷的时候，不要灰心，至少曾经有人被你的魅力所吸引，曾经是，以后也会是。」 我野蛮生长 没能成为自己的月亮 能遇见你 是银河赠送我的糖 对于他我没有祝福 没有诅咒 只有一句爱过 后来才明白 恋爱不是青春的必需品 更何况 在这个无能为力的年纪 希望下一个和我晚点遇见 时间和我都刚刚好 我会长大的 我的爱也是. ...
前端知识一些收集 📜 JavaScript 内置类型 JS内置类型介绍 typeof原理 类型转换 作用域 作用域理解 [作用域链](https://github.com/m...
30 岁了， 现在开始努力，晚吗？ 这让我想起，非洲经济女学家 Dambisa Moyo 的《dead aid》书中的结束语： “The best time to plant a tree is 20 years ago. The second-best time is now.” “最好的种一棵树的时间是 20 年前，其次是现在”，启示我们不要被年龄和时间束缚，临渊羡鱼，不如退而结网，与其哀怨叹气，不如现在就开始行动起来。 网上也有段子，黄忠六十跟刘备，德川家康七十大天下，姜子牙八十为丞相，佘太君百岁挂帅，孙悟空五百多岁西天取经，白素贞一千多年下山谈恋爱，以戏谑的方式讲述了大器晚...