无题
Document
let one = document.querySelector('.one')
for (let i = 0; i < 10; i++) {
one.innerHTML =
`
option
`
}
gitReset
Git 提供了多种方法回滚代码，下面简单介绍两个主要方法：
方法一：使用 git reset 命令
首先打开命令行工具（例如 Git Bash）并进入本地仓库所在目录。
执行命令 git log 查看提交历史，找到需要回滚的提交的 ID。
执行命令 git reset --hard 提交 ID 回滚代码。
方法二：使用 git revert 命令
首先打开命令行工具（例如 Git Bash）并进入本地仓库所在目录。
执行命令 git log 查看提交历史，找到需要回滚的提交的 ID。
执行命令 git revert 提交 ID 回滚代码。
注：使用 reset 命令实质是将 HEAD 指针指向指定提交，以及替换工作目录中的文件，因此会直接删除本地所有该提交之后的提交，慎用。而 revert 命令则是针对单个提交撤销其所做出的修改，生成一个新的提交，属于“反操作”，不会影响当前分支的提交历史。
Git 是一款分布式版本控制系统，提供了很多命令来管理代码仓库，下面是 Git 最常用的一些命令：
git init 初始化本地代码仓库；
git status 查看工作区和暂存区状态； ...
回流与重绘
回流：是指浏览器需要重新计算元素位置和大小
重绘：是指浏览器需要重新计算背景颜色字体颜色，但是大小和位置没有发生变化
回流比重绘更耗费性能，因为回流会重新计算位置和大小，而重绘只需要重绘外观，比较快速
解决方案
可以用CSS3动画替代JavaScript 动画，因为css3是运行在GPU 上而js是运行在CPU 上
避免频繁修改样式，我们可以把样式集中在一起，一次性修改，可以减少回流次数
避免频繁读取元素样式，因为读取元素样式也会触发回流，可以使用缓存或者批量读取方式来减少读取样式的次数
使用文档片段来减少DOM 操作，因为DOM 操作也会触发回流，使用文档片段可以将多次dom操作合并成一次操作，减少回流的次数
clear
如何清除浮动12345.clearfix：after{ content:''; display:block; clear:both;}
1overflow:hidden
盒子模型第一种模型是context-box，即width指定的是content区域宽度，而不是实际宽度，公式为
实际宽度 = width+padding+border
第二种盒子模型是border-box，即width指定的左右边框外侧距离公式为
实际宽度 =width
相同点都是用来指定宽度，不同点border-box更好用
center
CSS种居中方式
可以使用table固定高度 列tr 行td
可以使用div 把该div设置为display：table，然后给子标签设置display ：table-cell，vertical-align：middle
flex
绝对定位
BFC
BFCbfc是什么回答（块级格式化上下文）
怎么触发BFC？
浮动元素(float)
绝对定位(元素position为absolute或者fiexd)
行内块inline block
overflow值不为visible（即是hidden或者auto）
弹性元素(display为flex或者inline-flex元素的直接子元素)
解决了什么问题？
清除浮动（为什么不用.clearfix呢）
防止margin合并
