喵爱吃鱼

在前端开发的日常中，我们常常围绕着常见的 CSS 属性打转，却忽略了那些藏在规范角落里的小众特性。它们看似不起眼，却能在关键时刻简化代码、提升交互质感，成为提升开发效率的秘...

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

先看个代码示例吧： 数据请求（useData.js）逻辑封装也可以用useHook 视图组件（Box.js） 容器组件（UserContainer.js） 总结： 数据：用...

通常情况下，省略号是和固定宽度width：xx一起使用的，但是会有这样的需求： 子元素的宽度根据浏览器的宽度自适应 但是如果子元素内容超过容器可容纳的宽度，则显示为省略号 ...

CSS Grid的功能远比我们想象的要强，很多人对Gird布局仅仅局限于了解或者一知半解，殊不知它是CSS语言中最牛逼的部分之一...

e.preventDefault() 可是子域嵌的Iframe，无法监听Iframe的点击事件， 导致子域弹窗一直尴尬的在那儿。和其中一位子域研发沟通后，他给我传了clic...

根据产品经理的要求，考虑到用户在弱网环境下的使用体验，需要实现以下几点需求： 第一次加载时如果出错不显示toast 窗口聚焦自动请求时不显示toast 只有用户主动交互出错...

闭包记住的是变量的地址，而不是变量的值。因此，如果变量的值发生了变化，闭包仍然可以通过地址访问到最新的值。 - 但在你的例子中，闭包捕获的`v`是组件作用域中的一个变量。由...

是的，手写 React 组件类的面试题很常见。这类题目通常考察以下能力： React 基础知识：如何创建和使用 React 组件。 状态管理：是否理解 state 和 pr...

在浏览器中，LongTask（长任务） 是指在主线程（通常是 UI 线程）上运行的时间较长的任务，它们通常会阻塞浏览器的渲染流程，从而导致性能下降，影响用户体验。具体来说，...

内存泄漏（Memory leak）指的是程序在运行过程中分配的内存没有被释放，导致内存使用不断增加，最终可能导致应用变慢、崩溃，甚至影响整个系统的性能。在前端开发中，内存泄...

当你需要同时下载 1000 个文件时，直接发起所有请求可能会导致以下问题： 服务器过载：服务器可能无法处理如此多的并发请求，导致性能下降，甚至崩溃。 网络拥塞：大量的并发请...

当需要控制前端发起的几百个请求时，直接发送所有请求会导致服务器压力过大，也可能对浏览器和网络造成性能问题。为了高效地管理这些请求，可以采用几种方法来控制请求的并发数。常见的...

React 18 正式版已经发布。今天我们从使用者的角度来探索下 React 17 升级到 18 会遇到的问题和一些新增的功能。...