氢灵子

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....

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

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

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

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