Mh

前言 在 JavaScript 开发中，if-else 语句是我们处理条件逻辑时最常用的工具之一。但随着业务复杂度提升，代码中往往会出现大量嵌套的 if-else，形成 "if-else 地狱"

Canvas 绘制基础图形详解 Canvas 是 HTML5 核心绘图 API，支持在网页中动态绘制矢量图形。本文将系统讲解 Canvas 基础图形（线条、三角形、矩形、圆形）及组合图形（笑脸）的绘制

前言 最近浏览网页看见一个有趣的效果，在导航栏中当hover其中一项的时候背景会从当前项的中间位置出现变大，同时离开的时候背景会变小并到中间位置消失，到从导航栏中一项移动到另一项的时候背景会跟随鼠标移

代码提交校验 前言 在项目管理中，设置代码提交检查是一个至关重要的环节，其目的在于确保代码质量、提高团队协作效率、预防错误和漏洞，减少潜在的风险。为此我们可以借助一些工具链帮助我们实现自动化代码检查、

useState 介绍 useState 用于函数式组件中声明状态变量，类似于类组件中的 state 对象。同时使用 useState 声明的状态变量可以添加到组件中，同时状态变量也是响应式的。 语法

前言： 弹性盒布局全称为“Flexible Box Layout”，又叫flex布局。相对于传统布局来说，flex布局有以下几点优势： 灵活性：Flex布局允许项目在容器中灵活地扩展和收缩，以填充可用

前言 图片懒加载是一种优化网页性能的技术，它允许在用户滚动到图片位置之前延迟加载图片。通过懒加载，可以在用户需要查看图片时才加载图片，避免了不必要的图片加载，从而提高了网页的加载速度和用户体验。

前言： 网格布局是一种常见的页面布局方式，它将页面分成多个网格，每个网格可以放置不同的内容或元素。网格布局的优点包括易于设计、易于维护、良好的可读性和可访问性等。 网格布局 vs 弹性布局 从字面意思

（一）background-origin （背景图片相对元素的定位位置） background-origin值有三个分别如下： 代码如下： 效果如下： （二）background-size （设置背景