Js插件、 组件、类库、框架的区别

时间: 2019-06-11阅读: 1526标签: 区别

框架和类库等概念的出现都是源于人们对复用的渴望。“不要重复发明轮子”,成了软件界的一句经典名言。从最初的单个函数代码的复用,到面向对象中类的复用(通常以类库的形式体现),再到基于组件编程中二进制组件的复用,人们复用软件的抽象层次越来越高。现在,框架复用是抽象层次的又一提升,框架的复用不仅仅是功能的复用,更是设计的复用。  

 

类库:

提供了一些真实项目开发中常用的方法,这些方法做了一些完善处理,比如兼容处理、细节优化等,方便我们开发和维护。常用的类库有:JQuery、Zepto


插件:

把项目中某一部分进行插件分装,具备具体的业务逻辑,有针对性。如果项目中有类似需求,直接导入插件代码即可,相关逻辑代码不需要自己在写一遍。常用插件:jquery.drag.js、jquery.validate.min.js、jquery.dialog.js、datepicker日历插件、echarts统计图插件、iscroll、swiper插件


组件:

类似于插件,但是插件一般只是把js部分封装,组件不仅分装了js部分,还有css部分,以后再使用的时候,我们直接按照文档使用说明引入css/js文件,搭建对应的结构即可。常用的组件有:Bootstrap、swiper组件


框架

比上面的三个都要庞大。它不仅提供了很多常用的方法,而且也可以支持一些插件的扩展(可以把一些插件集成到框架中运行),提供了非常优秀的代码管理设计思想。框架有:reactvuereact-native

框架就像是个主板,插件就是插在主板上的CPU 内存条 显卡 网卡。插件单独存在干不了什么,只有插到框架上才能发挥作用 。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/3642

PTN与SDH的区别?

SDH是基于TDM技术,主要用于传输语音,此外采用GFP封装来传输IP包,物理介质为光纤。PTN是采用DWDM技术,主要用于传输IP包、以太网帧,此外采用MPLS-TP技术来实现PWE3伪线

call,apply,bind的用法以及区别

当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用,此时的this被绑定到这个对象。此时的this是指obj1这个对象,obj1.fn()实际上是obj1.fn.call(obj1),事实上谁调用这个函数,this就是谁。

Js绑定事件的两种方式的区别

运行后发现,点击后src没有变化,调试发现,这里this是window对象,而不是img标签对象。顿时感觉有点迷惑,因为以前绑定事件中,拿标签属性都是用的this,怎么这里不对了?

ES6语法:var、let、const的区别详解

最基础的也就是var,let,const 的用法与区别了,我们来看看他们之间的恩怨情仇。首先来说说var,这个只要是学过js的都知道,它是用来声明一个变量的,但是它在开发中也会遇到一些问题,比较难解决。先来看看下面的代码:

区别 module.exports 与 exports

Node.js 模块里,我们经常见着 module.exports 与 exports 。二者区别在哪?那,什么时候只能用 module.exports ?什么时候只能用 exports ?从 模块编写者 的角度出发,并没有什么区别,二者都能用;若非要说个区别

javascript中!和!!的区别是什么?

javascript中!和!!的区别是什么?下面本篇文章就来给大家介绍一下!和!!运算符的区别,希望对大家有所帮助。js中!的用法是比较灵活的,它除了做逻辑运算常常会用做类型判断,可以用!与对象来求得一个布尔值,

css之word-wrap和word-break的区别

对于英文单词,如果有一个连写且长度很长的英文单词,在第一行显示不下的情况下,浏览器默认不会截断显示,而是把这个单词整体挪到下一行。但是当整体挪到下一行还是显示不完全该肿么办呢?

textContent、innerText、innerHTML的区别和差异

textContent属性可以获取指定节点的文本及其后代节点中文本内容,也包括<script>和<style>元素中的内容; innerText也是获取指定节点的文本及其后代节点中文本内容,但不能获取<script>和<style>元素中的内容。 innerHTML是获取HTML文本结构内容

js中isNaN和Number.isNaN的区别

isNaN判断传入的参数是否能转换成数字,并不是严格的判断是否等于NaN。Number.isNaN判断传入的参数是否严格的等于NaN(也就是 ===)。

http中get和post

GET - 从指定的资源请求数据。POST - 向指定的资源提交要被处理的数据,GET方法参数是固定的么?在约定中我们的参数是写在?后面,用&分割,解析报文的过程是通过获取TCP数据,用正则表达式等工具获取Header和Body

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广