timmtiy的博客

【react】撤销/重做功能的实现。

chore: 不修改 src 或者 test 的其余修改，例如构建过程或辅助工具的变动。build: 构造工具的或者外部依赖的改动，例如 webpack，npm。style: 不影响代码含义的改动，例如去掉空格、改变缩进、增删分号。revert: 执行 git revert 打印的 message。ci: 与 CI（持续集成服务）有关的改动。test: 添加测试或者修改现有测试。docs: 只改动了文档相关的内容。perf: 提高性能的改动。

webpack前端打包工具，Create-React-App内部使用webpack进行打包。使用传统的打包方式，打包到main.js中，再放入index.html。vite即是构建工具又是打包工具。vite比Create-React-App打包项目更快。vite使用了ES Module语法。

【代码】webpack配置文件格式。

CSS3动画CSS3中提供了自己的动画制作方法，这可以在许多网页中取代动画图片、Flash动画以及JavaScript。CSS3动画制作分为两步：创建动画、绑定动画。@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。需要使用百分比来规定变化发生的事件，或用关键词“from”和“to”，等同于0%和100%。0%是动画的开始，100%是动画的完成。书写方法:@keyframes

【代码】HTML5新增表单。

* 为了兼容IE9，提前进行转块操作 */

在表格中绘制的时候，替换的是<td>的位置。<form>标签定义表单域，功能性标签，双标签，容器级标签。<textarea>标签定义文本域，可以输入多行文本，双标签，相当于一个特殊的文字。td:table data,表格的数据，也称表格的单元格，定义每一行内部的单元格。表格至少由三个标签组成，分别是<table>、<tr>、<td>标签。文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字。<img>标签定义图像，单标签，本身是一个特殊文本。table:表格，定义的是整个的表格大结构。

/

注意：如果element2元素不是父元素element1的直接子元素，则不会被选择。>符号前书写父级选择器，>符号后写子级选择器，必须满足父子级关系才能选中标签。

选择器:选择要添加样式的HTML标签的一种方法、模式。

HTML5在不使用插件的情况下也可以原生支持音频格式文件的播放，当然支持格式是有限的。</</常见属性。

标准文档流标准文档流，指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。前面内容发生了变化，后面的内容位置也会随着发生变化。HTML就是一种标准文档流文件。HTML中的标准文档流特点通过两种方式体现：微观现象和元素等级。微观现象：空白折叠现象。(代码内有换行或空格，显示时将这些空格折叠)文字类的元素如果排在一行会出现高低不齐，底边对齐的效果。自动换行，元素内一行内容写满元素的width时会自动进行换行。元素等级：在标准流中，大部分元素是区分等级的，习惯将元

字围现象：与压盖效果类似，同级元素中前面的元素浮动，后面的元素不浮动，不浮动的元素内部还有一些文字，浮动的蓝盒子会压盖住粉盒子的一部分，但是文字内容不会被盖住，粉盒子中的文字内容会让开蓝盒子位置，围绕他进行加载。浮动的元素脱离了标准流的限制，具备行块二象性，浮动的元素可以设置宽高，还可以并排一行，而且不会有空白折叠现象，如果元素不设置宽高，可以被元素内容自动撑开。后面的字号、行高、字体不能更改位置。父元素没有高度，会影响后面元素的标准流位置，如果浮动的子元素足够高时，有可能影响到后面浮动元素的贴边。

注：Internet Explorer 8及一下版本浏览器不支持border-radius属性，其他浏览器都支持。

a>标签上可能会同时出发2到3个状态，每个状态的属性都会进行加载，相同的属性之间会发生层叠，伪类的权重相同，只能根据书写顺序，后写的层叠先写的，所以为了每个伪类正常加载，书写顺序必须是：link、visited、hover、active。标签可以根据用户行为不同，划分为四种状态，通过标签的伪类可以将四种状态选中设置为不同样式效果，用户出发对应行为，就可以加载对应的样式。/* 鼠标悬停 *//* 鼠标点击 */

transform属性不止能实现2D转换，也可以制作3D立体转换效果，比普通的x，y轴组成的平面效果多了一条z轴。属性值的角度区分正负，正数表示沿对应坐标轴顺时针方向旋转，负数表示沿对应坐标轴逆时针方向旋转。并非任何情况下都需要透视效果，根据开发需要进行设置，如果需要展示z轴的变化，则设置透视效果。透视属性需要设置给3D变化元素的父级。

注：元素旋转后，坐标轴也跟着发生转变。因此多个属性同时设置给transform时，书写顺序不同导致的转换效果有差异。先旋转还是先位移得到的结果是不同的。作用：对元素进行移动、缩放、转动、拉伸或拉长。配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。属性值：多种转换方法的属性值，可以实现不同转换效果。transform-origin属性。属性名：transform。

行内式： 行内样式与内嵌或外链式比较权重最高，但是与!important关键字相比较权重低。important不能提升选择器权重，只能提升某条属性的权重到最大。就近原则中，不需要比较选择器权重，所有important会失效。

箭头函数的缺点及不能使用的情况列举。

防抖与节流。