氢灵子

今天，有个朋友给我发了一串神秘的字符（ (!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]...

一般情况下，当我们发现了固定定位异常时，排查祖先元素是否含有上述的 CSS 属性即可。但有一种情况，虽然在浏览器的 CSS 面板中看不到上述属性，但元素依然处于不同的图层中...

在 TypeScript 的高级玩法里，infer 经常让初学者感到头大。它长得像关键字，用起来像正则表达式的“捕获组”，还必须寄生在 extends 条件语句里。 要把这...

40岁老前端学习记录第5波，每半年一次。对前四次学习内容感兴趣的可以去我的掘金专栏“每周学习记录”进行了解。以前端前沿新特性为主。...

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JS...

程序员圈儿有两种怪象： 1、人人称工程师，但少有人能真正担起一项“工程”。 2、掌握算法本是理所应当，实际寥寥无几。...

作为网页开发者，我们都有过这样的经历：熬夜加班，对着电脑屏幕，试图解读那些看起来像是拥有生命，难以捉摸的 CSS 代码。但好消息来了！CSS 几天前刚刚更新，让我们的工作轻...

大家好，我是小杨，一个做了6年前端的老兵。今天要聊一个移动端开发中经常遇到的坑——**点击延迟**。你有没有遇到过这样的场景：用户在手机上点了一个按钮，结果半天没反应，急得...

说到 WebSocket，很多人第一反应就是**「又爱又恨」**。爱的是它够快，恨的是出了问题压根没法看。 Network 面板刷一次丢一次，想抓个包得把页面刷新到怀疑人生...

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可...

本文深入浅出地介绍了 JIT 编译器的工作机制，结合类比和代码示例，生动展示了类型推断、内联缓存、闭包优化等多种性能优化手段，揭示了 JavaScript 如何在浏览器中跑...

CSS Houdini 是一组低级 API，允许开发者直接访问 CSS 对象模型(CSSOM)，从而能够扩展 CSS 的功能。它的名字来源于著名魔术师 Harry Houd...

相较于繁重的WebSockets，SSE无疑是H5简单即时数据更新的轻量级代替方案。Server-Sent Events服务器推送事件，简称SSE，是HTML5中一个与通信...

自早期以来，Node.js 经历了显著的变革。如果你已经编写 Node.js 多年，你可能亲身见证了这一演变 —— 从充斥回调函数、由 CommonJS 主导的局面，到如今...

前几天收到一个bug，说是后台管理系统每次切换标签栏后，xxx内容区自动刷新，操作进度也丢失了，给用户造成很大困扰。作为结丹期修士的我自然不容允许此等存在，开干！...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

Canvas 的坐标系以左上角原点，有的时候，使用以左下角为原点，向上为 Y 轴正方向的坐标系会更方便，这时就需要使用 `context.scale` 和`context....