AliciaIr

在这篇文章中，我们探讨手写懒加载技术，并进一步了解现代浏览器提供的 `loading='lazy'` 属性和强大`IntersectionObserver` API，以实现更高效、更简洁的图片加载

更现代的实现懒加载的方法 属性 loading = 'lazy' loading='lazy' 是一个 HTML 属性，用于控制图片或 iframe 的加载方式。它可以让浏览器在滚动到可见区域时才加载

欢迎来到React新手入门系列的第一期！在这篇文章中，我们将详细解析useEffect和useState这两个基础但强大的Hook，帮助你轻松掌握React的核心概念。让我们一起开始这段学习之旅吧！

本文通过 `useRef` 修改输入框值却无法触发 `onChange` 的问题，深入讲解了 React 的事件机制、渲染流程与浏览器渲染的协作关系，帮助新手理解状态更新与 DOM 操作的区别

本期学习了React不可变状态更新的重要性，useContext 实现跨组件层级数据共享，以及 useReducer 集中管理复杂状态逻辑，欢迎大家来看呀！

本文深入探讨了 useLayoutEffect 的工作原理及其在解决 React 闪烁问题中的应用，通过具体示例展示了如何使用 useLayoutEffect 避免布局抖动。

React 的 `Fragment` 用于包裹多个子元素而不生成额外 DOM 节点，标准语法包括 `<Fragment>` 和简写 `<>`。它解决了 JSX 单根节点限制，优化了 DOM 结构.

本文介绍了如何使用单例模式确保模态框和 `LocalStorage` 的唯一性，通过 `class` 和构造函数两种方法实现，并提供了详细的代码示例和解释，以提升用户体验。

本文深入探讨了前端路由技术中的 `History API` 和 `hash` 路由，介绍了它们的工作原理、使用方法、优缺点及实际应用，帮助开发者实现无刷新页面跳转和更好的用户体验。