spylynch

现代 CSS 的能力，已经远远超出“写几个断点”那么简单。 今天我们从工程视角，把 单位体系 + 计算体系 一次讲透。 CSS 单位体系：本质不是长度，而是“依赖关系” C...

哈喽大家好，我是阿星👋 你有没有遇到过这种情况： 每次让AI分析数据，都要重新解释一遍流程？😫 字节的TRAE上线了一个超强功能—— Skills ，直接把我的工作流效...

AI 领域超级火爆话题，Skills：AI 核心技能包！！！把你的最佳实践技术变成看得见摸得着的实体！...

Vue2 转 Vue3 实战对照：ref/reactive、props、computed、watch、生命周期逐项对比，附代码 + 踩坑，一次搞懂 Composition ...

这篇文章总结了 10 个 Vue3 中最容易被忽略、但对性能提升最有效的实战技巧，适合新老开发者收藏使用。...

VS Code 作为前端开发的「宇宙第一编辑器」，轻量性与强大的插件生态是其核心优势。对新手而言，选对插件能省去重复操作、减少语法错误，让编码效率翻倍。本文精选 10 个高...

在Vue3中，我们可以用 ref 和 reactive 来定义响应式数据，但这两者有什么区别，什么情况下用 ref，什么情况下用 reactive 呢？ 这篇文章我将给大家...

又看到一个谈 ref 和 reactive 的文章，文章举了一堆似是而非的例子说明 reactive 不好。 作为一个坚定的 reactive 拥护者和使用者，我觉得是时候...

前言 新手哈基米搞不懂什么是作用域链？深入了解JS代码的执行过程让你秒懂作用域链！ 经典案例 究竟是会出现"哈基米",还是"南北绿豆"呢？诶，先不要着急哈气。想要真正弄清输...

在日常开发时，由于部分代码不严谨，浏览器无法及时回收内存（GC），容易导致 内存泄漏 和页面卡顿。 传统排查内存泄漏需要通过浏览器 Memory 面板 多次快照、分析和定位...

JavaScript 异步编程完全指南：从入门到精通 目录 第一部分：基础概念 1. 为什么需要异步 1.1 JavaScript 是单线程语言 1.2 同步 vs 异步的...

不知道大家有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？” 今天咱们就来全面盘点一下 re...

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等...

一、Set: 数组去重 + 快速查找，比 filter 快3倍 提到数组去重，很多第一反应是 filter + indexOf，但是这种写法的时间复杂度是O(n²), 而 ...

还在忍受 postMessage 的混沌代码？Webpage Tunnel 重新定义了 iframe 通信体验。它引入 “网页即服务” 理念，将杂乱的跨域消息流封装为优雅的...

最近项目上线，用户一多，页面就卡得不行。首屏加载 3 秒起，滚动掉帧，手机发烫……被 QA 喊去聊了好几次。 没办法，只能低头研究性能优化。翻了一圈文档和实战案例，发现现代...

本文主要介绍了利用splitChunk来分割第三方库的代码，详细介绍了chunks三个属性值的具体含义，推荐使用'all'。最后，利用cacheGroups来对单个库进行打...

前言 最近逛 Reddit 的时候，看到一个关于最被低估的 JavaScript 特性的讨论，我对此进行了总结，和大家分享一下。 Hi，我是冴羽，学习前端，欢迎围观我的“网...

在传统的软件开发语境下，当我们想做一个“麻将/扑克计分器”时，脑海中浮现的第一个画面往往是：打开 VS Code，初始化 Git 仓库，纠结是用 Vue 还是 React，...

背景 在浏览器环境中，“页面崩溃（Page Crash）”并不是一个浏览器主动抛出的可监听事件。 页面可能因为以下原因被动终止： 内存 OOM 导致 tab 崩溃 浏览器内...