为了账号安全,请及时绑定邮箱和手机立即绑定

阿当大话西游之WEB组件

学习人数
难度级别 高级
课程时长 3小时 0分
综合评分 9.9
68人评价 查看评价
9.9 内容实用
9.9 简洁易懂
9.8 逻辑清晰

简介:我们在实际前端开发过程中,能否封装出易用易维护可定制可扩展的组件,是衡量工程师能力是否成熟的非常重要的一个指标。本课程以弹窗组件为例,讲解如何开发web前端组件,如何实现可读性、扩展性、易用性、重用性、模块化等等技巧,让您的组件开发技能不在空白。

第1章 组件种类和JS分层
介绍组件的种类、JS分层和组件的作用。

第2章 如何定义和加载组件
介绍组件的定义、加载方式,如何增加组件,组件CSS与JS命名冲突问题,如何解决命名冲突等。

第3章 简单的弹窗组件
讲解原生弹窗问题,如何自定义简单的弹窗组件,并实现带关闭按钮的组件。

第4章 定制长宽和位置
讲解如何定制组件的长、宽和位置。

第5章 调整接口格式
讲解如何设置内容和回调的值,如何调整接口格式。

第6章 定制标题
讲解如何定制组件的标题和设置样式

第7章 定制关闭按钮
讲解如何定制关闭按钮,如何设置样式。

第8章 定制皮肤
讲解如何添加皮肤的接口,定制所需的皮肤。

第9章 定制按钮文案
讲解如何定制按钮文案

第10章 模态
讲解组件中如何设置罩遮,实现效果。

第11章 拖动
讲解如何添加拖动把手,实现拖动。

第13章 连缀语法
讲解什么是连缀语法,如何设置和使用连缀方式。

第14章 抽出Widget抽象类
讲解原生function类的问题,如何定义和继承Widget抽象类,定义tabView类。

第15章 为Widget类设计统一生命周期
讲解如何为Widget类添加统一生命周期,实现效果。

第18章 实现common方法
讲解如何实现common效果的组件。

讲师提示

阿当 其它
课程须知
1.您具备一定的CSS和JS基础。 2.熟悉jQuery。
老师告诉你能学到什么?
1.模块化 2.自定义事件 3.定制皮肤 4.面向对象编程 5.抽象类的作用 6.参数设计 7.语法封装 8.如何提高可读性 9.如何提高扩展性 10.如何提高重用性 11.如何提高易用性
意见反馈 常见问题 APP下载
官方微信