一、先感受问题，再谈答案 假设你有一台自动售货机。你投币，按按钮，饮料掉出来。一切正常。 但有一天你想知道：这机器里面到底在发生什么？ 硬币检测器怎么工作的？推杆什么时候触发...
发简信
IP属地：香港
-
Reflect：打开 JavaScript 引擎的接线盒
-
一文搞懂 Vue 事件总线
一、先搞明白问题：组件怎么通信？ Vue 组件之间默认的通信方式很清楚： 父 → 子：用 props 传数据（往下走） 子 → 父：用 $emit 发事件（往上走） 就像一家...
-
JavaScript 内存管理与垃圾回收你用 JavaScript 写代码，变量飞来飞去，对象创建又消失。你有没有想过：这些东西到底住在哪儿？谁在打扫房间？如果没人打扫会怎样？ 今天我们从头来想这件事。不是背诵概念...
-
View Transition API：让网页切换不再像翻书
一、它是什么？ 你用过手机上的 App 吧？从一个页面滑到另一个页面，图片从缩略图放大成全屏，导航栏稳稳地待在那儿不动——一切连贯流畅，你的眼睛不需要重新"找"东西在哪里。 ...
-
CSS 三剑客：`:where()`、`:is()` 与 `:has()`
在 CSS 里，绝大多数人"知道"选择器——他们知道 #id 比 .class 权重高，知道 !important 能覆盖一切。但"知道规则"和"理解规则为什么这样设计"是两...
-
CSS 容器查询：让组件知道自己被放在哪
先讲个小故事 你是个木匠。客户让你做一个能放进任何地方的模块化书架。你在工作室里量好墙壁，做了个 90 厘米宽的，觉得完美。客户拿回家放走廊——走廊只有 60 厘米。书架卡住...
-
JavaScript 深拷贝与浅拷贝：从一张纸条说起
一、变量里装的到底是什么？ 当你写 let a = { x: 1 } 时，a 里装的不是那个对象，而是一张纸条——纸条上写着地址。对象本身躺在内存里，纸条告诉你"去这个地址找...
-
repeat()、auto-fill 和 minmax() 到底是啥？
假设你完全不懂 CSS Grid，读完这篇也能会用。 先说个比喻 你有一堆鞋盒，要往架子上摆。 架子多宽？不确定。 每个盒子至少多宽？至少 200px，不能再窄了。 如果架子...
-
理解 BFC：CSS 中的块级格式化上下文BFC 就是在 CSS 排版里画一条线，线里面的东西自己玩自己的，别出去打扰别人，也别让别人进来打扰你。 很多人背了 BFC 的规则却不知道为什么。这篇文章让你真正理解它。 ...
-
再谈JavaScript原型与原型链——费曼学习法
以前刚做前端时写过一篇文章JavaScript原型与原型链[https://www.jianshu.com/p/6dae6f11eae4]，那时候写的虽然详细，但是总是干巴巴...
-
一句话搞懂：防抖和节流
这两个概念都是为了解决同一个问题：某些操作触发得太频繁，导致性能浪费甚至页面卡死。 先打个比方 想象你在按电梯按钮： 没有防抖/节流：你疯狂连按100次按钮，电梯就收...
-
-
手脑对决：Manus挑战DeepSeek，AI未来谁主沉浮？最近科技圈炸锅的“Manus”，到底是何方神圣？它凭什么让网友惊呼“打工人终于有了自己的AI牛马”？今天我们就来揭开这款神秘AI的面纱，看看它和DeepSeek究竟谁才是未来...
-
-
-
解决IOS下软键盘弹出导致的固定定位失效问题在IOS系统下的H5页面中，软键盘弹出会对页面布局产生一些问题，其中最典型的就是元素固定定位失效问题。 一、分析原因 当软键盘弹出时，在Android系统下，H5所在容器（即...
-
更新 npm 出现 Error: EPERM: operation not permitted, uv_cwd npm
问题 今天遇到个坑，由于 node 和 npm 版本比较低，运行项目有点问题，所以我就更新了 npm 的版本。 更新完成之后我再去敲 npm 相关的命令都挂了。报错： 尝试 ...
-
也许是吧
某相亲节目一优秀理工男惨遭“团灭”，原因竟然是……
前几天刷到一条抖音，在某相亲节目上，一个非常优秀的理工男，却被6位女生接连灭灯！我当时就惊呆了，这么优秀又帅气阳光的小伙子，怎么会被“团灭”呢？问题究竟出在哪呢？ 我们来看看...