言兴

在现代 Web 开发中，随着用户需求和安全性要求的提高，开发者需要设计既安全又便捷的认证机制。双 Token 机制成为了近年来广泛应用的认证方式之一。...

在现代前端开发中，工程化早已不再是“可选项”，而是支撑复杂应用开发、提升开发效率、保障代码质量的一揽子解决方案。它涵盖了代码编译、模块管理、依赖解析、热更新、打包构建、本地...

当我们在浏览器地址栏输入一个 URL（例如 https://www.example.com）并按下回车键时，一个看似简单的操作背后，实则是一场由多个进程和线程协同完成的复杂...

在现代 JavaScript 的演进历程中，var、let 和 const 这三个变量声明关键字的更迭，远非一次简单的语法迭代，而是一场深刻的语言哲学变革。...

在前端面试中，红绿灯问题是一个非常经典的考题，它能考察候选人对 异步编程、Promise、async/await、流程控制 的掌握情况。 同时，现代前端开发中还常常涉及 A...

深入理解 React Fiber 机制：从 requestAnimationFrame 与 requestIdleCallback 看可中断渲染 在现代前端开发中，Reac...

1.css position 定位属性 static: 静态定位，元素按文档流 relative: 相对定位，元素保持文档流，可以偏移，作为absolute定位元素的参考容...

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

1.前言 Promise、Generator、async/await是Javascript异步编程的三个解决方案。废话不多说，进入正题。 2.概念 2.1 Promise概...

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

哈喽各位前端er和设计达人！是不是经常遇到这样的崩溃瞬间：辛辛苦苦做好PC端页面，结果在手机上一看——布局错乱、文字重叠、图片溢出……简直惨不忍睹！别急，今天我要分享的媒体...

想让网页交互飞起来？ HTML5拖放API让你轻松实现Trello式卡片拖拽、文件管理等酷炫效果，无需第三方库！🎉 为什么HTML5拖放API如此强大？💪 拖放交互提升...

React 的“懒”哲学：从 React.lazy 到 Suspense，一场重构前端性能认知的深度革命 我们生活在一个“即时满足”的时代。用户期望点击即响应、滑动即加载、...

Vite 与 Webpack：一场关于前端构建本质的深度对话 我们曾以为，前端构建的终点是“打包得更好”。 于是我们用 Webpack 将成千上万的模块压缩、混淆、拆分，试...

引言 在前端面试中，“红绿灯”问题是一个经典的考题，它不仅考察面试者对JavaScript异步编程基础的掌握，更深入地检验其将异步操作同步化、控制流程以及解决实际问题的能力...

在前端开发中，我们经常需要处理复杂的异步流程。一个经典的面试题就是“红绿灯”问题：如何让红灯、黄灯、绿灯按照固定顺序循环亮起。但这只是开始，真正的挑战在于——如何优雅地让这...

在现代前端开发中，我们经常需要精确控制异步任务的执行顺序、生命周期和中断机制。本文将围绕“红绿灯”问题（异步变同步）、fetch 请求的中止，以及 AbortControl...

1.前言 Javascript 由最初的设计初衷，设计为单线程模式，单线程模式指的是在 JS执行环境中只有一个线程去执行代码，那如果遇到耗时任务，就会导致代码执行堵塞，那j...

前言 我们每天都在使用各种互联网服务，却很少关注背后的“幕后英雄”——DNS（Domain Name System，域名系统）。它默默地为我们提供从域名到 IP 地址的转换...

引言： 正文： 一、 平庸的回答 vs 惊艳的回答 平庸回答：“虚拟DOM就是一个JS对象，用来描述真实DOM。通过Diff算法找出差异，然后批量更新真实DOM，避免了频繁...