这套视频内容重点讲解从事移动web开发前需要掌握额流式布局方式和viewport设置相关知识，在掌握基本知识之后学习主流的移动web开发适配方式，怎样利用流式布

*   第一章 移动Web开发/

  *   移动Web开发介绍/

    *   移动web开发-课程介绍&移动web开发现状

  *   流式布局和Viewport详解/

    *   移动web开发-适配问题之流式布局

    *   移动web开发-viewport初认识&网页怎么在移动端预览

    *   移动web开发-viewport设置宽度达到适配的目的

    *   移动web开发-viewport参数设置和行业通用设置

    *   移动web开发-viewport非主流的应用

    *   移动web开发-viewport总结

  *   京东项目结构搭建/

    *   移动web开发-项目目录和base样式定义

    *   移动web开发-首页切图-宽度限制的内容容器

  *   京东首页布局及效果实现/

    *   移动web开发-首页切图-顶部浮动搜索容器定义

    *   移动web开发-首页切图-物理像素和图标模糊问题

    *   移动web开发-首页切图-搜索内容完成

    *   移动web开发-首页切图-轮播图

    *   移动web开发-首页切图-导航栏

    *   移动web开发-首页切图-公用商品盒子

    *   移动web开发-首页切图-掌上秒杀头部

    *   移动web开发-首页切图-掌上秒杀内容

    *   移动web开发-首页切图-商品图片盒子

    *   移动web开发-总结和预习

    *   移动web开发-首页js效果-轮播图准备工作

    *   移动web开发-首页js效果-轮播图自动滚动

    *   移动web开发-首页js效果-轮播图无缝衔接

    *   移动web开发-首页js效果-轮播图transitionEnd封装

    *   移动web开发-首页js效果-轮播图白点对应图片滚动

    *   移动web开发-首页js效果-轮播图滑动起来

    *   移动web开发-首页js效果-轮播图吸附和滑动下一张或上一张

    *   移动web开发-首页js效果-轮播图总结

    *   移动web开发-复习和课程内容介绍1

    *   移动web开发-首页js效果-搜索盒子效果

    *   移动web开发-首页js效果-touch事件讲解

    *   移动web开发-首页js效果-倒计时

  *   京东分类页面布局及效果实现/

    *   移动web开发-分类页切图-分析&满屏页面i

    *   移动web开发-分类页切图-顶部通栏i

    *   移动web开发-分类页切图-分类主体和左菜单

    *   移动web开发-分类页切图-文本环绕&实现剩余宽度占满&右侧内容

    *   移动web开发-分类页切图-右侧内容完成

    *   移动web开发-分类js效果-左菜单分析

    *   移动web开发-分类js效果-左菜单实现分析和滑动实现

    *   移动web开发-分类js效果-左菜单定位区间和滑动区间完成2、3需求

    *   移动web开发-分类js效果-左菜单tap事件封装和原理

    *   移动web开发-分类js效果-左菜单4、5需求实现

    *   移动web开发-分类js效果-右侧内容实现和总结分类页面

  *   京东购物车页面布局及效果实现/

    *   移动web开发-购物车切图-页面构建和公用顶部通栏

    *   移动web开发-购物车切图-安全提示

    *   移动web开发-购物车切图-店铺架子和公用自定义复选框

    *   移动web开发-购物车切图-店铺头部和商品主体信息

    *   移动web开发-购物车切图-商品信息操作按钮完成

    *   移动web开发-购物车切图-弹出框

    *   移动web开发-购物车切图-弹出框动画

    *   移动web开发-购物车js效果-弹出框动画显示

    *   移动web开发-购物车js效果-弹出框盖子动画

    *   移动web开发-三天内容总结

  *   zepto插件使用介绍/

    *   移动web开发-zepto简介

    *   移动web开发-zepto案例轮播图