Shirley不想说话99911

那是一个支付页面的代码片段： 当时的我：虽然有点丑，但能跑就行，对吧？直到在同一个文件里第四次看到这样的代码： 那一刻我意识到——必须重构！ 我的顿悟时刻 看着满屏的?和:...

大家好，我是小杨，一个摸爬滚打了6年的前端老鸟。今天要和大家聊一个看似简单却暗藏玄机的话题——在`forEach`中使用`await`。这就像你以为自己在排队买奶茶，结果发...

大家好，我是小杨，一个写了6年前端代码的老司机。今天要和大家聊聊前端开发中一对看似相似实则大不相同的"双胞胎"——`src`和`href`。这就像分不清生抽和老抽的厨房新手...

在业务开发中有时候会遇到这样的场景，父容器是一个可以纵向滚动的 List，要在水平方向上增加一个 hover 显示的气泡（Tooltip）。你会发现，不管怎么写，气泡都会因...

在日常的前端开发中，我们可能会遇到一些页面白屏的问题。这些问题可能会给用户带来不好的体验，甚至导致用户流失。本文带你彻底了解前端白屏，从此不再畏惧。...

万字长文 - 彻底理解react中任务调度和时间分片。详细阐述了Scheduler的概念、任务管理和优先级机制，展示了任务调度和执行的过程。...

UI同学特别喜欢使用文字描边，但是官方的text-stroke效果一言难尽。目前大家一般会使用text-shadow属性叠加的方式来实现文字描边效果。但是这是编译后的css...

2022 年了，requestIdleCallback 还不会吗？赶紧学一下，买不了吃亏，买不了上当...

上篇文章有涉及到Base64编码的内容，今天我们再来详细了解一下Base64的编码原理以及应用场景。 通过这篇文章你能够学习到： 什么是Base64，为什么需要Base64...

写过移动端的同学或多或少都遇到过软键盘带来的各种各样的问题，最典型的就是输入框被软键盘遮挡、fixed元素失效等问题，并且这些问题在iOS上的表现让人难以接受。...

在移动端开发中，经常会碰到需要横向滚动的场景，例如这样的 但很多时候是不需要展示这个滚动条的，也就是这样的效果，如下 你可能想到直接设置滚动条样式就可以了，就像这样 目前来...

现在已经是“组件化”开发时代了。 相信大家平时在vue或者react中都碰到过“跨组件”通信的需求，通常我们需要将数据放在一个公共的父级上，然后用context之类的方式传...

今天就来介绍一下Chrome 113+全新推出的linear 缓冲函数。 一、目前CSS缓冲函数的局限性 提到 CSS 运动缓冲函数，你可能会想到以下几种 linear：线...

在数据驱动视图的框架下，你最头疼的事情是什么？没错，就是获取dom。大部分业务逻辑都可以在数据层面进行处理，但有些情况就不得不去获取真实的dom，比如获取元素的宽高 或者调...

在小程序的日常迭代中，有一些场景我们可能需要在小程序发布后，用户能够马上感知并更新，比如上线新活动、修复高危漏洞等，如果用户因为各种原因未能及时更新小程序，这就可能导致一些...

今天群里讨论了一个非常有意思与 CSS 选择器相关的题目。题目如下： 假设我们如下的 HTML 结构： 效果如下： 如何在不添加类名的情况下，快速的选取第一个 class ...

本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。...

很多 CSS 特性更新是非常隐晦的，导致很容易被忽视。最近，Chrome 123 就新增了paint-order对普通文本的支持，这就让文字描边实现更加容易了。 这并不是一...