你好哇,李银河
提升网页性能的秘密:在 Vue 和 React 中优化重绘与回流 提升网页性能的秘密:在 Vue 和 React 中优化重绘与回流
在现代网页开发中,尤其是在使用 Vue 和 React 等前端框架时,性能优化依然是提升用户体验的关键。虽然这些框架通过虚拟 DOM 等技术简化了与 DOM 的交互,但重绘(Repaint)和回流(Reflow)的概念依然存在,并且仍然影响
2025-01-12
让悬停效果更上一层楼:探索Hover.css的魔法力量 让悬停效果更上一层楼:探索Hover.css的魔法力量
最近发现了一个有趣的CSS库,叫做Hover.css,它可以让你的按钮、链接、卡片等元素在悬停时产生各种炫酷的动画效果。 什么是Hover.css?Hover.css是一个开源的CSS库,专门用于实现各种令人着迷的悬停效果。为用户提供一种快
2025-01-08
useEffect 和 useLayoutEffect useEffect 和 useLayoutEffect
今天无意中看到了 useLayoutEffect这个生命周期,这个倒从来没用过,果断了解了一下。 React Hooks 为函数组件提供了状态和生命周期特性,使得在不编写类组件的情况下管理状态变得更加方便。useEffect 和 useLa
2025-01-01
优化Loading动画响应,告别一闪而过的尴尬 优化Loading动画响应,告别一闪而过的尴尬
这两天终于空下来了,打算优化下项目,发现在项目中,部分页面请求响应的很快,就会出现loading动画一闪而过的情况,用户体验很差。于是决定优化下loading动画。 直接去除loading动画肯定是不现实的,用户无法感知响应,这个阶段去改造
2024-12-28
了解HTTP缓存机制 了解HTTP缓存机制
对我们前端来说,了解web的缓存机制是重中之重,今天就一起来巩固一下。 1. HTTP 缓存的好处HTTP 缓存机制带来了多重好处,主要包括: 减少冗余的数据传输: 缓存机制使得客户端能够直接从本地获取资源,减少了不必要的网络请求,从而节
2024-12-14
打印出完美的 Table 表格 打印出完美的 Table 表格
这次拿到的需求是打印表格。分析一下需求,我们需要解决的问题如下 Table列的数量有部分是从后端接口获取的,数量不确定并且展示不下的列,需要重新分页再次渲染一个Table 数据过多遍历多个Table的时候,会出现上一个Table和当前Ta
2024-11-30
4 / 12