前端自检梳理——移动Web网页开发

01. HTML5+CSS3 进阶

【了解】什么是HTML5
【理解】HTML5新标签
【记忆】HTML5新增表单元素属性
【应用】CSS3结构选择器
【应用】CSS3结构伪类选择器
【应用】CSS3伪元素
【应用】CSS3-2D转换(translate)
【应用】CSS3-2D转换(rotate、scale)
【理解】2D转换的案例
【应用】CSS3-动画的使用
【记忆】CSS3-动画的属性
【理解】动画的案例
【记忆】CSS3-3D转换(位移，缩放，旋转)
【理解】转换的其他属性(保留3D，透视)
【理解】网页中的坐标，旋转中心轴
【应用】完成3D导航案例
【应用】完成综合案例

02. Flex 伸缩布局

1）流式布局：

• 了解移动web开发现状
• 能够写出标准viewport
• 掌握移动web的调试方法
• 能够理解移动端常见的布局方案 u 能够描述流式布局
• 能够独立完成京东移动端首页

2）flex布局

• 能够掌握 flex 盒子布局原理
• 能够理解 flex 布局常用属性
• 独立完成携程移动端首页案例

03.移动Web开发

1）rem布局

• 能够掌握 rem 单位
• 能够掌握媒体查询的基本语法
• 能够掌握 Less 基本语法
• 能够掌握在 Less 中的嵌套使用
• 能够掌握在 Less 中的运算使用
• 能够掌握 2 种 rem 适配方案