前端自检梳理——移动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 适配方案
• 能够独立完成苏宁移动端首页

2）响应式布局

• 能够说出响应式原理
• 能够使用媒体查询完成响应式导航
• 能够使用Bootstrap的栅格系统
• 能够使用bootstrap的响应式工具
• 能够独立完成阿里百秀首页案例

如果大家想一起交流学习，共同进步，欢迎搜索公众号“是日前端”，输入关键词如：前端基础，获取资料，资料刚开始整理，目前还在完善中，点击交流群按钮进交流群，群里仅限技术交流、面试交流等，需要其它相关资料可以群里说，后续交流群人数增多会考虑特色内容，再次感谢大家的支持~