每天开心

Webpack 与 Vite：现代前端构建工具的双子星 引言：前端工程的进化之旅 在前端开发的世界里，我们每天都在与各种文件类型打交道：JavaScript、JSX、Typ...

Function Call与MCP：给AI插上连接现实的翅膀 从"知道一切"到"能获取一切" 当我们问AI"今天北京天气怎么样？"时，我们希望得到的是此时此刻的真实天气，而...

什么是前端工程化？ 前端工程化并非指某一个特定工具，而是一套由 "规范 + 工具" 组成的完整体系。其核心目标是提升团队开发效率、保证代码质量、简化上线流程，主要包含六个关...

面试经典题之红绿灯：从异步控制到Promise深度考察 前言：为什么会有红绿灯这道面试题？ 作为一名前端开发者，在面试中你是否遇到过这样的场景：面试官笑眯眯地问你："能不能...

前言 大家好，这里是3Katrina，最近作者在面试时经常遇到一类题目--页面渲染有哪些性能优化？你的项目中有哪些性能优化？你是如何评价性能的？ 今天这篇文章就带大家全面梳...

在前端开发中，准确获取和操作元素的位置与尺寸是实现交互效果、响应式布局和动态界面的基础。JavaScript 提供了一系列 DOM 布局 API，帮助开发者精准控制页面元素...

"实现一个红绿灯" 看似是道送分题：红、黄、绿依次点亮，循环往复。有人用setInterval写几行代码就交差，有人却能从异步控制讲到内存管理，甚至延伸到AbortCont...

前端面试里，position 是一个永远绕不开的考点。很多同学平时写项目就是 relative + absolute，顶多再来个 fixed，但真到面试官问： 👉“abs...

🌐 什么是 DNS？ DNS 全称：Domain Name System（域名系统） 它是互联网的“电话簿”或“翻译官”，核心作用是： 因为网络通信最终依赖的是 IP 地...

在 AI 开发领域，有一个痛点几乎所有开发者都遇到过：当你用 OpenAI 的 API 开发聊天机器人时，它能侃侃而谈，但让它帮你查天气、订机票、调用公司内部接口时，它要么...

引言 想象你开了一家现代化咖啡馆，你的任务是快速、稳定地做出各种花式咖啡（也就是开发一个漂亮的网页或 App）。但你不是一个人在战斗，你有一整套“厨房系统”帮你干活。 今天...

1.TCP和UDP的区别 1.连接方式 TCP：是面向连接的协议。在数据传输开始之前，通信双方必须通过"三次握手"建立一个可靠的连接，数据传输结束后，再通过"四次挥手"断开...

前言 最近作者在总结一些大厂考点，发现XSS和CSRF的是大厂常考问题，这篇文章让我们一起来分析一下这道网络安全类的高频考题吧 什么是XSS和CSRF XSS:跨站脚本攻击...

一、position 的五种属性值 值 定位方式 参照基准 是否脱离文档流 典型用途 static 静态定位（默认） 无定位，遵循正常文档流 否 取消定位 relative...

在 Web 开发中，我们经常需要在用户浏览网页的过程中保存一些数据，比如用户的**登录状态、偏好设...

本文系统梳理了HTTP协议从诞生到未来的技术演进历程。文章以Web性能优化为主线，深入解析了HTTP/0.9到HTTP/3各版本的核心特性与设计哲学：从HTTP/1.x的持...

当用户输入了url后，浏览器做了些什么？ 这是一道面试中出现频率非常高的题目，要想将其表达清除并不容易，我建议可以心中列出一套大概的表达逻辑，然后根据这个表达逻辑，认真准确...

HTTP各版本特性（下）：性能的飞跃 1. HTTP/2：多路复用与二进制分帧 HTTP/1.1的队头阻塞问题以及其文本协议的低效性，促使了HTTP/2的诞生。HTTP/2...

## 一、生活比喻：WebSocket 是“对讲机”，HTTP 是“打电话” 要理解 WebSoc...