什么是JS组件,和插件的区别是什么

JavaScript015

什么是JS组件,和插件的区别是什么,第1张

他们是一个东西,没什么区别。js组件就是把一系列的功能封装起来,包装成一个对象。比如一个表格组件,一个表单组件等等。一个组件必然包含了某种特定的职能,目的在于可以复用。比方说,你的网站需要展示一个万年历,那么最基本的方法,就是自己画table,自己写逻辑,麻烦得一笔。假如我有100个页面,那么是不是说我要把这些代码复制100遍??所以,为了避免这种麻烦,就可以把万年历封装成一个组件,然后做成一个js文件发布,别人下载就行了。

1、定义一个类

2、类中增加一个方法

3、body中定义一个dom节点

4、脚本中把dom节点和类定义结合起来,实现特定的组件功能

示例:

<script>

function TestWidegt(did){//定义一个组件类

   var _self = document.getElementById(did)//根据id获取dom节点

   this.addP=function(){//增加组件方法,这里就是添加一个节点

      _self.innerHTML = '<p>111</p>'//在dom节点下添加节点p

   }

   return this//返回当前组件

}

function Test(){

  var t = new TestWidegt('dv')//根据占位的dom节点定义组件

  t.addP()//在占位节点中增加显示内容

}

</script>

<body>

   <input type='button' value='测试组件'/>

   <div id='dv'>111</div>  组件占位使用的dom节点

</body>

您好,很高兴为您作答。

楼主问的这个“javascript用户交互的组件”应该不是一个解释概念问题,而是一种理解的问题,js 的出身就是为了实现用户更好的与网页进行交互,所以就js而言他的作用就是为了交互,而交互组件莫过于网页上的按钮,表单元素之类的东西,他们本身有着默认的行为,比如按钮可以接受用户的点击之类,通过js我们可以更加的丰富他们的功能,同时,使用css可以使这些元素看起来更加的生动完美(装饰)。如果真要将楼主的问题进行解释的话,那么可以这样理解:被js和css通过各种新的网站开发技术(包括协议、框架等)修饰的网页元素就叫做javascript用户交互的组件。