课程试听
1-1 移动web开发基础知识
- 01-移动web-为什么学习移动web开发
- 02-移动web-基础知识-像素密度
- 03-移动web-基础知识-设备独立像素
- 04-移动web-基础知识-css像素
- 05-移动web-基础知识-2倍图
- 06-移动web-调试
- 07-移动web-PC端的视口
- 08-移动web-移动端的视口
- 09-移动web-移动端页面正常展示的解决方案分析
- 10-移动web-移动端viewport的设置(width)
- 11-移动web-移动端viewport的设置(initial-scale)
- 12-移动web-移动端viewport的设置(其它属性)
- 13-移动web-移动站点和浏览器的说明
1-2 京东首页布局
- 01-移动web-京东首页公共样式
- 02-移动web-京东首页整体结构
- 03-移动web-京东首页顶部结构块的制作方式
- 04-移动web-京东首页顶部结构块制作
- 05-移动web-京东首页轮播图结构块制作
- 06-移动web-京东首页导航块制作
1-3 京东产品区域制作
- 01-移动web-产品块制作(图片区域上)
- 02-移动web-产品块制作(图片区域下)
- 03-移动web-产品块制作(秒杀标题栏)
- 04-移动web-产品块制作(秒杀块内容)
1-4 京东首页功能效果实现
- 01-移动web-京东首页搜索块js效果
- 02-移动web-京东首页倒计时js效果
- 03-移动web-京东首页-轮播图(拖动修改页面结构和样式)
- 04-移动web-京东首页-轮播图(js添加首尾图片)
- 05-移动web-京东首页-轮播图(js设置样式)
- 06-移动web-京东首页-轮播图(js实现自动轮播)
- 07-移动web-京东首页轮播图自动轮播完善
1-5 移动端的touch事件
- 01-移动web-移动端的touch事件简介
- 02-移动web-移动端的touch事件(手指对象数组)
- 03-移动web-移动端的touch事件(手指对象的坐标获取)
- 04-移动web-使用touch事件实现元素的拖拽
- 05-移动web-touch事件源参数中的target
- 06-移动web-轮播图-实现滑动操作
- 07-移动web-轮播图-实现滑动操作(细节)
- 08-移动web-轮播图-松开手指之后的处理
- 09-移动web-轮播图-添加过渡结束的监听
- 10-移动web-轮播图中一个bug的解决
- 11-移动web-轮播图点标记的设置
1-6 使用zepto.js实现轮播图
- 01-移动web-zepto的基本特点和下载
- 02-移动web-使用zepto实现轮播图(上)
- 03-移动web-使用zepto实现轮播图(中)
- 04-移动web-使用zepto实现轮播图(下)
- 05-移动web-zepto的定制
1-7 分类页面布局和效果实现
- 01-移动web-分类页面结构的简单说明
- 02-移动web-分类页面的全屏结构创建
- 03-移动web-分类页面顶部搜索块的制作
- 04-移动web-分类页面左侧导航块的制作
- 05-移动web-分类页面右侧商品块的制作
- 06-移动web-初步实现左侧栏的滑动
- 07-移动web-设置滑动区间
- 08-移动web-松开手指之后的处理
- 09-移动web-cilck等操作在移动端的延迟
1-8 移动端tap事件
- 01-移动web-移动端的tap事件
- 02-移动web-移动端tap事件的封装
- 03-移动web-分类页面tap事件的添加(上)
- 04-移动web-分类页面tap事件的添加(下)
1-9 移动web端常用插件的介绍和使用
- 01-移动web-使用zepto来实现左侧单击操作
- 02-移动web-移动端touch事件所产生的点透问题
- 03-移动web-fastclick的使用
- 04-移动web-使用fastclick实现分类页面左侧栏的点击操作
- 05-移动web-iscroll的使用说明(上)
- 06-移动web-iscroll的使用说明(下)
- 07-移动web-swipe插件的使用
- 08-移动web-swiper插件的使用介绍
- 09-移动web-使用iscroll插件完成分类页面右侧内容块的滑动操作