美文网首页
js组件的开发

js组件的开发

作者: 迷人的洋葱葱 | 来源:发表于2017-07-12 15:56 被阅读0次

组件

组件开发:多个对象之间代码复用的一种形式,对象之间类似于兄弟关系

存在问题
1.参数顺序问题

分析:一个参数不会存在顺序问题,可以用json解决。

function show(opt){
}
    show({
    id:'div1',
    toDown:function(){},
    toUp:function(){}
});
2.实例之间参数个数不同的问题

解决方法:通过设置默认参数和配置参数解决。如果配置参数存在,就用配置参数覆盖默认参数,否则使用默认参数。
注意:应确保配置参数和默认参数的键名相同。

var a={
    name:'默认',
    F:function(){
     alert('default');
         }
};
var b={
    name:'配置',
    F:function(){
      alert('setting');
         }
};
extend(a,b);
function extend(obj1,obj2){//obj1是默认参数,obj2是配置参数
    for(var attr in obj2){//如果配置参数存在,就用配置参数覆盖默认参数,否则使用默认参数
    obj1[attr]=obj2[attr];
    }
}



相关文章

  • react脚本架工具

    前端使用React.js+webpack进行组件化开发越来流行了.想使用react.js进行组件化开发,但又不想学...

  • Vue磨刀嚯嚯

    Vue开发风格——传统方法应用vue.js Vue开发风格——单个组件式 组件 基本操作 创建一个组件构造器 注册...

  • js组件的开发

    组件 组件开发:多个对象之间代码复用的一种形式,对象之间类似于兄弟关系 存在问题 1.参数顺序问题 分析:一个参数...

  • 组件开发Vue.js1.0与2.0的区别

    使用vue.js1.0开发组件之前,首先我们要确定组件开发思路,是开发成可多复用的单文件组件,还是仅仅引用一次两次...

  • vue中的组件

    组件:组件化开发(component) 是 Vue.js 最强大的功能之一。 作用:组件可以扩展HTML元素,封...

  • Vue.js组件化开发

    Vue.js组件化开发 所谓组件化开发,就是将各个不同的view和业务逻辑封装到不同的component中,com...

  • 【JS】DatePicker组件开发

    课程前言: 慕课网 -- DatePicker组件开发 课程准备: HTML、CSS、JavaScript基础、浏...

  • js组件化开发

    如果不了解js的继承的写法,可以先去看看我之前写的js的子类继承父类文章http://www.jianshu.co...

  • rollup开发自己的组件库(1)

    开发的时候有这种需求,我们需要自己做自己公司的js/ui组件库,这时我们用rollup来进行组件库的开发至于放在那...

  • JSbridge 在Vue的封装与交互

    写在 JSbridge.js main.js中引入: 组件中使用:方法名和app开发人员沟通好,这里js调app,...

网友评论

      本文标题:js组件的开发

      本文链接:https://www.haomeiwen.com/subject/wzjzqxtx.html