妙味课堂VIP群视频课后作业

妙味课堂JS基础课程（全部练习已完成）

• JS0-热身运动、JS入门教程

  • 基本样式设置

• JS1-属性操作

  • 图片切换
  • 模拟手机短信发送

• JS2-for应用

  • 自动生成10个LI
  • 自动生成100个LI
  • 自动生成100个DIV ★ Leo的做法
  • 自动生成V字形 | ★ Leo的做法
  • 自动生成V字形（提高版）
  • 图片随鼠标不断展现 | ★ Leo的做法，动画版
  • 弹出提示框（兼容浏览器）
  • 生成3行12列DIV ★ Leo的做法
  • 选项卡交叉同步走 | ★ Leo的做法
  • 奇偶横竖排判断 | ★ Leo的做法

• JS3-自定义属性、索引值

  • QQ列表展开收缩扩展
  • 带缩略图的图片切换效果
  • 控制多组图片切换
  • QQ列表展开效果 ★ Leo的做法

• JS4-数据类型、类型转换

  • 找到合适的值
  • QQ号码

• JS5-函数传参

  • 商品加减与统计结果 | ★ Leo的做法
  • 修改文本框的值
  • 搜狐视频纪录片列表展示
  • 选项卡里套选项卡

• JS6-作用域

• JS7-运算符、流程控制

  • 百度文库评分
  • 百度音乐-全选操作

• JS8-函数返回值、定时器基础

  • 按钮控制商品图片上下滚动
  • 延时消失的菜单
  • 淘宝商品广告效果
  • 自动轮换选项卡 | ★ Leo的做法
  • 点击滑动图片 ★ Leo的做法

• JS9-定时器管理、函数封装

  • 点击往下掉，再点击飘回来
  • 修复抖函数的问题
  • 点击加分效果 | ★ Leo的做法
  • 图片自动切换 | ★ 用Leo推荐方法
  • 新浪数码频道选项卡
  • 图片自动切换-只用两个img标签 | ★ Leo的做法
  • 小球点击后依次抖动下落 | ★ Leo的做法

• JS10-日期对象、网页时钟、倒计时

  • 图片时间（无动画版）
  • 图片时间（动画扩展版）
  • 倒计时抢购商品

• JS11-字符串方法

  • 查找、替换、删除
  • 文字搬运工

• JS11-数组方法

  • 随机图片滚动
  • 自定义字体形状
  • 图片排序
  • 消除QQ表情 | ★ 官方提供的方法

妙味课堂JS中级：DOM BOM EVENT（全部已完成）

• DOM基本概念、操作

  • 留言板加强，限制条数
  • 留言板加强，批量删除
  • getElementsByClassName增强

• DOM、BOM相关方法及属性

  • 数组操作+弹出层提示
  • 回到顶部
  • 关键字title提示
  • 选择筛选
  • 页面左右两侧居中广告
  • ★ 优酷弹窗
  • 封装函数-获取表单控件radio、checkbox的选中值
  • 动态生成表格和删除行

• Event事件详解

  • 键盘控制div移动，解决停顿的问题
  • 模仿select - 单选
  • 模仿select - 多选

• 事件深入应用

  • 模拟滚动条
  • 鼠标绘制方块
  • 拖拽回放
  • 检测重合

妙味课堂：JS中的运动（已完成）

• 练习

  • 幻灯片淡入淡出切换
  • 右键菜单淡入淡出
  • 分享侧栏滑入
  • 钟摆运动（不理想） | ★ Leo的做法
  • 弹性菜单
  • 刚性菜单

• 各种运动框架

  • 匀速运动框架
  • 弹性运动框架
  • 原生时间版运动框架