javascript

别再 console.log 了：5 个 Chrome DevTools 调试技巧，用过就回不去了我观察过身边的前端同事，90% 的人调试代码的方式就是一行行加 console.log。改完了再一行行删。出了 bug 再加回来。这个循环我自己也干了两年，直到有一天我发现了 Chrome DevTools 里这些"隐藏"功能——说是隐藏，其实一直都在那，只是没人告诉你怎么用。这篇文章把 5 个最实用的技巧写出来，每个都附操作步骤，看完今天就能用上。

LC 1 两数之和：面试第一道必考题，暴力解法直接被面试官 pass当初第一次面试前端，上来就甩这道题，我傻乎乎写了双层循环，面试官笑着问我有没有更优解，当场卡壳。后来才明白，这题看着简单，实则是哈希表入门天花板，能不能想出 O (n) 解法直接区分刷题新手和老手。

排序效率低？5分钟吃透快速排序，性能飙升至O(nlogn)日常开发中，你是不是还在纠结数组排序的效率问题？冒泡、选择、插入排序动辄O(n²)的时间复杂度，处理稍大数据量就卡顿；想上手快排又被「分治」「双指针」这些概念绕晕，看完理论还是写不出能跑的代码？

深入理解递归与快速排序 —— 从基础入门到手写实现学习日志 | 算法与数据结构 | 前端基本功算法是程序员的灵魂。在日常开发中，我们或许不会天天手写排序、倒腾递归，但当你遇到深拷贝、树形结构遍历、组件递归渲染等场景时，递归与分治的思想无处不在。

LLM 的无状态：从 HTTP 协议到对话上下文工程前言：调用 LLM 接口的本质是一次 HTTP 请求——计算资源接收输入、生成输出、返回结果。但为什么每次请求都要手动带上全部对话历史？"无状态"究竟意味着什么？本文从 HTTP 无状态协议出发，用实战代码验证 LLM 的无状态本质，再延伸到 Prompt → Context → Loop 三层上下文工程，帮你建立对 LLM 底层运行规则的完整认知。

从 prototype 到 V8，看懂 JavaScript 原型链本文参考源码版本固定为：输出是：这有几个问题：结论：读取对象属性时，JavaScript 会先找对象自身；自身没有，就沿着内部的 [[Prototype]] 往上找，直到找到属性或者走到 null。

专栏-null 和 undefined 到底是什么？很多人第一次学 JavaScript，都会被这两个东西绕住：看起来都像“没有值”，为什么要搞两个？我以前一直对这种 none/null/undefined 一类的东西很不理解。

从 0 到 1 理解 React 虚拟列表：定高、不定高与 Canvas 版本完整拆解你不需要先懂复杂性能优化，也不需要先看过 react-window 或 @tanstack/react-virtual 的源码。读完这篇文章后，你应该能明白虚拟列表为什么存在、定高虚拟列表怎么计算、不定高虚拟列表为什么更难、Canvas 版本为什么可能更快，以及这个项目里的代码是如何一步步把这些想法落地的。

Bun执行python代码我40岁了, 还在写程序。JS 想调 Python? Bun.$ 轻松搞定。三行代码, Python 就这么跑起来了。bun 1.js 走起, 终端出 Hello from Python!。

当甲方说'logo放大的同时再缩小一点'时，我用 AI 把这个需求做出来了带话题：#奇葩需求大赏各位掘友，做开发的谁没被奇葩需求折磨过？上周五下午 5 点 58 分，产品经理笑眯眯地走过来："这个需求很简单，就是让按钮跟着用户手机壳颜色变色，下周一上线就行。"

Node.js 还能再战十年？给你一个不换引擎的理由这几年，JavaScript 运行时的叙事一直很热。每隔几个月，就会有文章告诉你 Bun 有多快，或者 Deno 又推出了什么杀手级功能。它们主打的一体化工具链确实让人眼馋：原生跑 TypeScript、内置环境变量加载、开箱即用的测试和构建。社区里甚至出现了一种不用新运行时就落后的错觉。

前端必知必会：从 IIFE 到 ESM，模块化到底在解决什么？打开一个现代前端项目，你会看到满屏的 import 和 export。但在早期，前端还在用 <script> 标签一个个加载 JS 文件，小心控制顺序，生怕变量污染。后来到 Node.js 后端，又有一套 require / module.exports 的写法。为什么前端和后端的模块化语法不一样？就让我们从零开始，理一理 JavaScript 模块化的完整进化脉络。

拒绝 SQL 焦虑！手把手带你用 NestJS + Prisma + DTO 写出“防弹”级后端代码在这个“全栈”都快卷成“全干”的年代，后端开发者的日常往往是：左手写接口，右手查 Bug，中间还得防着前端传来的参数把你的数据库搞崩。

每次跟大模型聊天，都是一次「失忆」的 HTTP 请求先看一段代码：你觉得这段代码做了什么？很多人会说：「我跟大模型说了一句话，它回复了我，然后记住了我的名字。」

彻底搞懂JS闭包：从作用域链、形成条件到优缺点我们都知道函数包函数，内部函数可以访问外部变量，那是因为作用域的规则在这里，但是如果你了解了作用域链，你就会发现，好像有点bug在这里，所以这个bug就是我们今天要一起探讨学习的闭包了。

糖拌西瓜皮

TypeScript 进阶：泛型、条件类型、类型守卫与装饰器系列：Java 开发者的 Node.js + TypeScript 之路（第 6 篇）适用人群：有 Java 基础，想转向 Node.js 后端开发的开发者

从 0 到 1 实现大文件上传：分片、秒传、断点续传、暂停、重试与服务端合并这篇文章会用一个完整的前后端项目，带你从头理解“大文件上传”到底是怎么实现的。项目使用 React + Vite 做前端，Node.js 原生 HTTP 模块做后端。前端负责选择文件、切片、计算 hash、上传分片、显示进度、暂停继续和失败重试；后端负责判断是否秒传、记录已经上传的分片、流式保存分片、合并文件和返回文件列表。

AI 生成的代码能跑就行？这 5 个坑迟早炸AI 写代码的效率毋庸置疑，但"能跑"和"能维护"之间隔了一道鸿沟。这篇文章总结了 AI 生成代码最常见的 5 个质量问题，每个都附反面案例和修复方案，最后给出一份 5 条验收 checklist。

🍦 雪糕、食堂、火车厢：三幅漫画吃透栈、队列与链表很多同学初学“栈和队列”时，大脑里只有两个字：“受限”。 —— 这不就是个阉割版的数组吗？有什么好学的？

从v8源码和react深入浅出理解 JavaScript 作用域链与闭包输出是：这个结果有两个容易误解的地方：JavaScript 是词法作用域，函数能访问哪些变量，在函数定义时就确定了；闭包让函数在离开原始执行位置后，仍然能继续访问当时的词法环境。