氢灵子

大家好，我是小杨，一个做了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....

官方真的不推荐 Enum 了吗？ 甲级战犯 Enum 出列！起因是看到 科技爱好者周刊里面推荐了一篇文章，说是官方不再推荐使用 enum 语法，Enum 是老问题了，莫非这...

在这里，主要分享一些平时写VUE组件，会用到一些技巧，会让代码得到很大的简化，可以节省很多脑力体力。 1、v-bind=“$attrs” 这是首推的一个技巧写法，特别在拓展...

WakeLock API 可以让浏览器要求操作系统（Android 或 iOS）保持屏幕常亮。 示例： 根据MDN，这个 API 只能在 HTTPS 下使用，但经过我的实践...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 不常用的浏览器 API 是一个系列文章，计划每天学习一个平时不常用到的 API...

本文是 Axios 四部曲的最后一篇文章，这篇文章将介绍在 Axios 中如何通过增强默认适配器来缓存请求数据。...

通过了解频域水印的相关知识，我理解了频域水印就是先将图片进行傅里叶变换，得到频域图，然后将水印文字加到频域图中，在将频域图转换回去得到加了频域水印的图片。 因此在自己实现频...

最近翻 `MDN` 突然发现一套叫 `Web Animations API` 的东东，点进去看才知道，原来是一套控制 `css animation` 的 `API`，而且已...

当浏览器最小化或处于后台时，会对`setTimeout`和`setInterval`进行一定的优化，可能是节流，也可能将任务集中到浏览器回到前台的时候（此时可能看到多次定时...