知识点罗列
吸顶效果
4. HTML5 新特性、语义化
-
概念：
HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构。(正确的标签做正确的事) -
语义化标签： header nav main article section aside footer
-
语义化的优点:
- 在
没CSS样式的情况下，页面整体也会呈现很好的结构效果 代码结构清晰，易于阅读，利于开发和维护方便其他设备解析（如屏幕阅读器）根据语义渲染网页。有利于搜索引擎优化（SEO），搜索引擎爬虫会根据不同的标签来赋予不同的权重
- 在
5. CSS3有哪些新特性？
- RGBA和透明度
-
- background-image
- background-origin(content-box/padding-box/border-box)
- background-size
- background-repeat
- word-wrap（单词换行）：
word-wrap：break-word - 文字阴影（水平阴影，垂直阴影，模糊距离，阴影颜色）
text-shadow： 5px 5px 5px #FF0000; - 盒阴影：
box-shadow: 10px 10px 5px #888888 - font-face属性：定义自己的字体
- 圆角（边框半径）：
border-radius - 边框图片：
border-image: url(border.png) 30 30 round
6. 伪元素和伪类的区别
:伪类的操作对象是文档树中已有的元素，::伪元素则创建了一个文档数外的元素。 因此，伪类与伪元素的区别在于：有没有创建一个文档树之外的元素。
7. 什么是DOM事件流？什么是事件委托⭐⭐⭐⭐⭐
（1）DOM事件流，分为三个阶段
- 捕获阶段
- 目标阶段
- 冒泡阶段 在addeventListener()的第三个参数(useCapture)设为true，就会在捕获阶段运行，默认是false冒泡
（2）事件委托
利用冒泡原理（子向父一层层穿透），把事件绑定到父元素中，以实现事件委托
（3）事件冒泡和事件捕捉的区别⭐⭐⭐⭐⭐
| 区别 | 事件（向上）冒泡 | 事件（向下）捕捉 |
|---|---|---|
| 执行顺序 | 从下至上（儿子至祖宗）执行 | 从上至下（祖宗到儿子）执行 |
| 属性设置 | 在addEventListener中的第三属性设置为false（默认） | 在addEventListener中的第三属性设置为true |
8. CSS语法
-
css和js两种方式实现div右移1000px动画
-
单行截断css
-
transition、transform、translate的区别
-
如何画一条 0.5px 的边框
-
parent元素宽高不定，实现scale固定宽高比始终为4：3
-
响应式布局方案
-
如何提高动画的渲染性能
