《移动WEB前端高级开发实践@www.java1234.com.pdf》

HTTP服务器：

http-server

3.6.4 利用 Performance API 分析网站性能

页面加载生命周期

---

4. CSS3

伪类、伪元素，

看https://www.runoob.com/css/css-pseudo-classes.html的列表即可明白，就是定义了一套用户常用的"选择器的特殊效果"

优先级和权重：

尽管物理分辨率不同，介理设备的独立像素是相同的

Flexbox 容器属性主要有以下六个属性

• flex-direction 设置flex容器的主轴方向
• flex-wrap 设置一行或多行布局
• flex-flow 是flex-direction属性和flex-wrap属性的简写形式
• justify-content 子元素主轴方向对齐方式
• align-items 子元素侧轴方向对齐方式
• align-content 多行侧轴方向对齐方式

媒体查询：

多列

4.4 动效

转换(Transform）：移动 Translate、缩放 Scale、旋转 Rotate、倾斜 Skew

自定义：matrix /matrix3d/ perspective

过渡（Transition）：

transition-property

transition-duration

transition-timing-function

transition-delay

动画（Animation）：

其它：

开放字体设计：Woff @font-face

背景：Padding

颜色： CSS3 渐变gradient

文字效果：

边框：

开发效率&站点性能

---

将事件交给父元素或祖先元素处理的方式，叫 事件委托 event delegation。

优点：1）提高性能；2）动态监听

移动端事件：触摸事件、手势事件、传感器事件