为了账号安全,请及时绑定邮箱和手机立即绑定
简介:Tab选项卡,作为网页必不可少的展示功能,它的存在不仅可以在页面中合理的展示内容,也符合当下实现无刷新异步展示数据的潮流,它和焦点图轮回相比异曲同工,但本质不同,希望通过这节既简单有普遍的例子,我们一一剖析它的实现原理。

2章 Tab选项卡的DOM结构和CSS样式的搭建

本章对Tab选项卡的DOM结构进行讲解,页面基本样式重置,怎样合理的设计对应的DOM结构。
  1. 2-1 DOM结构搭建 (08:28)
  2. 2-2 CSS样式初始化 (11:07)

3章 聊聊OOP(面向对象)

本章节通过思维结构图对Tab选项卡进行剖析和个人对怎样封装插件的看法和想法。
  1. 3-1 聊聊面向对象开发 (10:50)

4章 JS实战

本章讲解Tab选项卡的配置参数设计扩展,事件绑定和功能实现。
  1. 4-1 参数配置及扩展 (20:56)
  2. 4-2 事件绑定 (10:08)
  3. 4-3 切换功能实现 (14:43)

5章 更多用户体验和交互逻辑

本章讲解多种用户交互行为上的处理以及自动实现轮播。
  1. 5-1 自动切换 (16:29)
  2. 5-2 默认显示第几个tab (02:50)

6章 课程总结和注册为JQ插件

本章总结一下本期课程,怎样注册成JQ的插件。
  1. 6-1 初始化函数和注册为JQ方法 (09:42)
课程须知
1、对html,css基础知识已经掌握。 2、对this,prototype,new等关键词的理解。
老师告诉你能学到什么?
1、DOM操作 2、JS OOP思想 3、组件化的开发过程 4、如何去设计一个组件 5、组件的参数分析,配置,扩展等 6、优化,扩展,渐近增强的开发过程
意见反馈 常见问题 APP下载
官方微信

w88

百度360搜索搜狗搜索