在公司移动端项目中，我需要十分频繁的和 **DOM** 元素的各种 **width**、**height** 打交道。但是这里有这么多关于 **width** 的属性，它们之间的区别到底体现在哪里？

一、水平垂直居中方法汇总 有哪些方法？ 父、子元素宽高未知时 table-cell（使用表格样式） flex 布局（父级 justify-content: center 和 align-items:

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

当希望元素充分利用剩余空间，同时不会侵占其他元素应有的宽度的时候，适合使用flex:1，这样的场景在Flex布局中非常的多。

针对很多新手和中级开发者理解flex布局方式比较晦涩难懂的情况，笔者通过精制的动画效果，让各种布局方式更直观、对比更强烈的展现出来，然后结合图文用非官方的通俗易懂的方式详细讲解每一种布局

2021 高频前端面试题汇总之React篇，前端面试题汇总系列文章的React篇，长期更新，欢迎收藏、点赞！

前言 本文为【手把手react源码】系列第二篇文章。 第一篇文章介绍了如何高效阅读源码的准备工作 。 本文暂时未开始正式的源码阅读，而是在源码阅读之前系统地了解 react 相关的概念，以及实现属于自

显示的是一个 HEAD 指向发生改变的时间列表。在你切换分支、用 git commit 进行提交、以及用 git reset 撤销 commit 时，HEAD 指向会改变，但当你进行 git chec

prettier是个代码格式化工具，格式化的时候不关心语法，只关心代码风格，看似抢了eslint的活，实则是更小而美的解决方案，本文来讲讲prettier的具体用法和环境配置...