Mh

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

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

useLayoutEffect 介绍 官方解释：useLayoutEffect 是 useEffect 的一个版本，它在浏览器重绘屏幕之前触发。...

useReducer 介绍 官方介绍： useReducer 是一个 React 钩子，可让你将 reducer 添加到组件中。...

useCallback 介绍 官方定义：useCallback 是一个 React 钩子，可让你在重新渲染之间缓存函数定义。 个人理解：useCallback 在组件渲染期...

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

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

前言 Object.defineProperty() 是 JavaScript 中的一个方法，用于在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。...

前言 在JavaScript中，迭代对象的概念是在ES6（ECMAScript 2015）规范中引入的。ES6引入了迭代器（Iterator）和可迭代对象（Iterable...

前言 在javaScript的初期学习中，我们会发现数组有很多的内置方法，比如常见的遍历数组的方法 forEach、map、filter、find、findIndex、so...

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

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

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

使用 ref 引用值 官方定义：useRef 是一个 React Hook，它能帮助引用一个不需要渲染的值。 语法：const ref = useRef(initialVa...

场景一 假设我们在 master 分支上开发部分功能，并将它提交到本地的仓库，这个时候如果想把代码转移到自己的分支，可以尝试如下操作。 第一步：查看提交日志 git log...