- 博客(14)
- 收藏
- 关注
RSS订阅原创 一文深度解析你必须要熟练的 BOM！
无需HTML/CSS：由系统/浏览器渲染，样式不可定制。同步阻塞：显示时暂停代码执行，关闭后恢复。用途明确alert()：展示不可交互的消息；confirm()：获取用户的“确认/取消”选择；prompt()：收集简单文本输入。系统对话框是 Web 应用程序简单快捷的沟通手段。浏览器对系统对话框有特殊限制：若脚本生成多个对话框，除第一个外，后续对话框会显示复选框，用户勾选后可禁用后续弹窗，直至页面刷新。禁用后：页面刷新前所有系统对话框（警告框、确认框、提示框）均被屏蔽，且开发者无法获知对话框是否显示。
2025-07-23 16:38:29
776
原创 从零开始二十分钟全面提升你对客户端存储机制的了解！
在现代Web开发中，客户端存储技术至关重要，它使我们能够在用户浏览器中保存数据，以便在后续访问时使用。本文将深入探讨三种主要的客户端存储技术：Cookie、Web Storage和IndexedDB。我们将从基础概念入手，逐步深入到它们的工作原理、限制条件以及适用场景，最终帮助您更有效地运用这些技术。 通常也叫作 ，最初用于在 客户端存储会话信息。这个规范要求 服务器 在响应 HTTP 请求时，通过发送 HTTP 头部包含会话信息。例如，下面是包含这个头部的一个 HTTP 响应：这个 HTTP 响应会设
2025-07-21 19:47:12
602
原创 二十分钟全面提升你对客户端存储机制的了解！
在现代 web 开发中，客户端存储是一个非常重要的概念，它允许我们在用户的浏览器中存储数据，以便在后续的访问中使用。本文将详细介绍三种常见的客户端存储技术：cookie、Web Storage 和 IndexedDB，并带你从表层到本质深度理解它们的工作原理、边界、适用场景，最后让你能够更好地使用它们。
2025-07-18 15:04:12
753
原创 JavaScript 基本引用类型深度解析：包装类、Date、RegExp与单例内置对象
JavaScript提供了多种强大的内置对象来处理日常开发任务。本文将深入解析及其方法、和，结合详细代码示例帮助你掌握这些核心概念。
2025-07-14 15:25:13
547
原创 vue-dnd 入门到核心实现原理
拖拽交互(Drag and Drop)的本质是的交互范式。从信息论角度看，拖拽实现了，将抽象的数据操作转化为直观的空间位移。
2025-07-11 14:48:09
571
原创 不说废话，带你使用原生 JS + HTML 实现超丝滑拖拽排序效果
给要排序的元素添加 draggable 属性，就可以拖拽元素并为元素添加拖拽监听事件了。
2025-06-09 15:33:07
540
原创 前端程序员需要了解的网络五层模型
问：我平常用框架写写组件、用axios请求一下后端接口展示数据，不就可以写出网页了吗？我就算不了解这些网络知识？是不是多此一举？答：不是首先，我们作为前端工程师的最终目的就是，我们一切的学习都要。例如为什么要学习像网络模型这种基础知识？这其实就是在解决一个非常重要的实际问题：分散的计算机设备如何进行通信？但现有的技术已经解决了这个问题，是不是我们就不用学只要用就好了？
2025-06-03 13:47:10
2240
原创 二十分钟全面提升你对 JS 执行上下文的了解！
JS 这门语言有很多 核心特性 ，例如 闭包、异步编程、作用域链、变量提升、this指向 等等，如果你对他们的 底层运行机制 缺乏系统认知，只是依赖表面规则记忆，遇到复杂一点的情况就会无从下手，并且 机械记忆表面规则 难以持久。但若从它们 形成的最本质原因 进行解释你会发现它们底层原理都是相通的，学习了这些底层知识后你不仅具备了 预测任何代码执行结果 的能力，更是从原来的表面规则记忆转为 逻辑推导记忆 ，更加牢固不会忘记~题一：this指向题二：闭包如果你认为自己说不清上面两段代码的执行过程或者无法准确
2025-05-30 17:47:04
1028
原创 [特殊字符]五分钟全面提升你对 JS 执行上下文的了解！
JS 这门语言有很多，例如等等，如果你对他们的缺乏系统认知，只是依赖表面规则记忆，遇到复杂一点的情况就会无从下手，并且机械记忆难以持久。如果可以从它们进行解释你会发现它们底层原理都是相通的，学习了这些底层知识后你不仅具备了的能力，更是从原来的表面规则记忆转为，更加牢固不会忘记~
2025-05-25 17:47:09
1018
原创 从零开始实现命令式组件ElMessage(附代码)
它具体如何实现？从简到繁，我们先忽略多条 message 堆叠显示的情况实现一个最简版的ElMessage，掌握核心实现后再完善功能。
2025-04-27 23:15:05
2254
原创 如何在浏览器中渲染100万个元素，并且保证页面不卡顿？超详细底层原理图文分享
本文从表象深入到浏览器底层原理，逐步剖析造成页面卡顿的原因，总共6000字，文字和配图都是自己手打和制作的，只为了更准确的展示思路，但也难免会有我没发现的疏漏和错误，如果有欢迎指出，大家一起学习。我们首先用，点击按钮后js会(PS：为了时长只渲染了10万个)，我们明显看到接下来我们就从表象到逐步分析造成是什么以及PS：上面的小球动画没有使用进行位移，而是使用了。或知乎上的。
2025-04-24 19:06:14
2180
原创 前端程序员为什么要学node.js？
近期想要学习node来开发前端工具链，想到之前自己“node.js是用来写后端”的这种狭隘看法，我觉得有必要再次梳理一下自己学习node.js的目的以及我到底可以用node.js做什么。
2025-04-22 16:08:57
403
原创 从零开始的内联样式深度解析 display：inline
之前在公司写表单的时候遇到这样一个布局错乱的问题：按理来说应该并排排列的元素怎么会自己换行？虽然现在来看很快就能定位到问题，但由于之前一直使用flex布局没怎么使用过inline或inline-block所以当时也卡了挺久，为了避免这种问题再次发生，于是我决定彻底把这些内联元素的行为学透，以及怎么将以上的代码进行优化。
2025-04-22 10:43:27
878
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人