huaganshang

前端面试之实践案例50题及参考答案 一、性能优化相关 1. 图片懒加载的实现思路 思路：监听滚动事件，判断图片是否进入视口，进入后再加载真实图片地址。可使用 Intersection Observer

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可以回顾这篇文章： 不过到了现

在上回中，尽管unocss的纯css图标解决方案几乎无可挑剔的解决了图标问题，功能性问题解决了，但开发体验仍然有待改进。 假如你有自定义图标i-foo-bar: 按照上回文章所说，这样就能在页面中渲染

前言 我们大部分切图崽都用过iconfont的图标方案，就算你没用过也不要紧，他看起来像这样子： 通过class名iconfont指出这是iconfont图标，再通过icon-hello图标名指示要渲

在 React 17 之前，每个 React 组件都需要声明 import React from 'react';，这是因为 JSX 语法在编译时会转换为 React.createElement 调用

本文介绍了 React 开发中的复合组件模式组件模式（Compound Components Pattern）的应用，在某些场景下采用这种模式，我们能够构建更加灵活和高效的组件。

即使页面元素有`word-wrap:break-word;` 样式属性，单词也照样会被直接裁断换行。

React Router 是构建单页应用（SPA）的关键工具，提供强大的路由管理和无刷新导航功能。它简化了页面间的跳转和动态路径处理，支持嵌套路由和 React Hooks，帮助开发者创建应用。

一、核心理念：为什么HTTP/3是前端技术分水岭？ 关键趋势 全球移动端流量占比达63%（Statcounter数据） 5G网络平均丢包率是4G的1.8倍（OpenSignal报告） Chrome浏览