学习前端过程中写的案例

JS基础课程

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

  • 基本样式设置

• JS1-属性操作

  • 图片切换
  • 属性操作

• JS2-for应用

  • 乘法口诀

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

  • 控制多组图片切换

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

  • 找到合适的值
  • QQ号码

• JS5-函数传参

  • 商品加减与统计结果

• JS6-作用域

• JS7-运算符、流程控制

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

  • 延时消失的菜单

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

  • 点击往下掉，再点击飘回来
  • 图片抖动
  • 图片自动切换
  • 图片切换推动-只用两个img标签

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

  • 图片时间

• JS11-字符串方法

  • 文字查找、替换、删除
  • 文字搬运工
  • 字符串的一些操作

• JS12-数组方法

  • 随机图片滚动
  • 图片排序
  • 消除QQ表情

JS中级：DOM BOM EVENT

• DOM基本概念、操作

  • 留言板加强,限制条数,批量删除

• DOM、BOM相关方法及属性

  • 数组操作+弹出层提示
  • 上下滑动的侧边栏
  • 动态生成表格和删除行

• Event事件详解

  • 键盘控制div移动
  • 模仿select - 单选

• 事件深入应用

  • 模拟滚动条
  • 拖拽

JS中的运动

• 练习

  • 幻灯片淡入淡出切换
  • 右键菜单
  • 分享侧栏滑入
  • 多图片展开收缩
  • 弹性菜单
  • 刚性菜单
  • 模仿新浪发布新浪
  • 模仿土豆右下角悬浮导航效果
  • 无缝滚动
  • 拖拽+碰撞

面向对象

练习

• • 面向选项卡
  • 面向拖拽

JS炫酷特效

play

• • 动态简历
  • 立方体
  • 图片画廊
  • 图片画廊2

个人娱乐

JS

• • 荣