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

阿当大话西游之WEB组件

阿当 其它
难度中级
时长 3小时 0分
学习人数
综合评分9.87
83人评价 查看评价
10.0 内容实用
9.8 简洁易懂
9.8 逻辑清晰
  • 抽取widget抽象类:window.js代码段 ​ Window.prototype =$.extend(...)最后返回的是一个全新的对象{}还是从new widget.Widget()扩展的对象。 Window.prototype= $.extend({},new widget.Widget(),{...}),返回的是全新对象{}里面包含key,value,还是一个new widget.Widget()对象实例的扩展对象? 这两个还是有区别的。如果是全新对象{},那么它的原型对象prototype是一个{},也就是object,如果是从new widget.Widget()对象实例的扩展对象,那么原型对象就包含{on:xxx,fire:xxx}这两个key value的map。debug跟踪下去,extends后返回的是全新对象{},将属性都挂载到了这个对象上了。像老师说的,混合了三个对象的实例。后面两个往第一个对象上加属性。从chrome的console上也可以看出来,打断点到window.js 的 return {Window:Window};这个代码段,控制台输入 Window.prototype得到如下实例, Object {handlers: Object, on: function, fire: function, alert: function, prompt: function…} on 和fire是挂在这个Object上的也就是window的prototype上,如果不显示,说明是挂在了new Widget()这个对象上了。
    查看全部
    1 采集 收起 来源:Widget抽象类

    2015-07-25

  • 源码下载 https://github.com/chenbin11200/RequireJsComponentExample css命名空间,tabview.css就以这个tabview为命名空间,定义里面的css,如:.tabview_menu{xxx} js命名空间,利用匿名函数划分空间,再匿名函数内部暴露接口。
    查看全部
  • 牛逼,学完了!
    查看全部
    1 采集 收起 来源:实现common方法

    2015-07-14

  • 原生function类的问题 1)所有类继承自object 2)object提供的帮助太少 utility是和UI无关的组件。widget是和UI有关的组件。 所有自定义组件都继承自Widget类. 将on fire方法放入Widget类中
    查看全部
    1 采集 收起 来源:Widget抽象类

    2015-07-13

  • 玛蛋,写了很多,结果字数不够,点意见反馈的时候,跳转页面点不回来了... 可以这样写 <div class="tabview"> <div class="_menu"></div> <div class="_content"></div> </div> <div class="treeview"> <div class="_menu"></div> <div class="_content"></div> </div> <style> .tabview ._menu{} .treeview ._menu{} </style>
    查看全部
  • 更高级的做法。 感觉把js当java来用了
    查看全部
    1 采集 收起 来源:实现common方法

    2015-06-04

  • 阻塞和回调代码要做调整
    查看全部
  • 原生事件分类
    查看全部
  • 公开的挂载到Window下
    查看全部
  • 前端框架分层
    查看全部
  • 浏览器底层 --问题 -- 1.JS核心语法层面薄弱 2.JS原生API不好用 (ajax , cookie ,) 3.浏览器兼容问题 框架core为解决这几个问题而生 框架组件层: input text checkbox radio select 未提供的主键 日历等 应用层由前端工程师完成。 组件分类: 框架组件、定制组件、独立组件
    查看全部
  • @·定制皮肤 添加皮肤接口 skinClassName:false;默认没有
    查看全部
    1 采集 收起 来源:定制皮肤

    2015-04-01

  • @·定制关闭按钮 默认情况下没有关闭按钮 hasCloseBtn:false;
    查看全部
    1 采集 收起 来源:定制关闭按钮

    2015-04-01

  • @·定制标题 定制标题 首先:this.cfg这种方式非常好,可以不断根据需要往里面添加一些属性。 其他:对于对话框的定义,也是用到了header、body和footer的分层方式,非常好理解,而且也很有意义。
    查看全部
    1 采集 收起 来源:定制标题

    2015-04-01

  • @·调整接口格式 代码
    查看全部
    1 采集 收起 来源:调整接口格式

    2015-04-01

举报

0/150
提交
取消
课程须知
1.您具备一定的CSS和JS基础。 2.熟悉jQuery。
老师告诉你能学到什么?
1.模块化 2.自定义事件 3.定制皮肤 4.面向对象编程 5.抽象类的作用 6.参数设计 7.语法封装 8.如何提高可读性 9.如何提高扩展性 10.如何提高重用性 11.如何提高易用性

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!