web前端框架与库的区别;vue等属于框架；jquery等属于库

前端发展速度已经远远超出了我们的预计范围&＃xff0c;JS迅速的流行&＃xff0c;前端基于JS的框架(frameworks)/库(librarys)更是层出不穷&＃xff0c;且各自都有其自身的优势以及劣势&＃xff0c;有些是向开发使用者提供整套的服务&＃xff0c;比如MVC一整套&＃xff0c;有些则是专注于某一个点&＃xff0c;比如专注于dom操作或异步请求&＃xff1b;

最近被问到这个问题&＃xff0c;其实到我被问到这问题之前&＃xff0c;都没有认真的考虑过它们的区别&＃xff0c;处于学习以及好奇心理&＃xff0c;查阅了相关文档&＃xff0c;其中包括知乎、stackoverflow等相关问题和文章&＃xff0c;总算是略知一二&＃xff0c;并以此写下来分享个看官们&＃xff1b;

框架与库之间最本质区别在于控制权&＃xff1a;you call libs, frameworks call you&＃xff08;控制反转&＃xff09;

库&＃xff1a;库是更多是一个封装好的特定的集合&＃xff0c;提供给开发者使用&＃xff0c;而且是特定于某一方面的集合&＃xff08;方法和函数&＃xff09;&＃xff0c;库没有控制权&＃xff0c;控制权在使用者手中&＃xff0c;在库中查询需要的功能在自己的应用中使用&＃xff0c;我们可以从封装的角度理解库&＃xff1b;

框架&＃xff1a;框架顾名思义就是一套架构&＃xff0c;会基于自身的特点向用户提供一套相当于叫完整的解决方案&＃xff0c;而且控制权的在框架本身&＃xff0c;使用者要找框架所规定的某种规范进行开发。

我们尝试举个例子&＃xff1a;你想烹饪一条鱼&＃xff0c;这时你需要一些原料&＃xff0c;比如油、盐、醋、葱、香料以及烹饪工具等&＃xff0c;同时鱼也是你需要的主要材料&＃xff0c;当你聚齐所有材料时&＃xff0c;再经过烹饪就得到成品&＃xff1b;现在我们进行对比&＃xff0c;其中油、盐、醋、葱、香料以及烹饪工具和鱼其实就是库&＃xff0c;组合到一起就成了框架&＃xff0c;成品就是最终开发好的应用&＃xff0c;或者这样能是你更好里的理解框架与库之间的区别&＃xff1b;由此我们可以看到&＃xff0c;其实框架和库关系还是很紧密的&＃xff0c;他们以聚合的形式让我们在所要开发的应用中使用&＃xff1b;现在尝试理解一下两图下图&＃xff1a;

在实际中&＃xff0c;

像angular、backbone、vue就属于框架&＃xff0c;
而jQuery、react、underscore就是库&＃xff0c;
React和react-router, react-redux结合起来才叫框架&＃xff0c;本身只是充当一个前端渲染的库而已

在前者中我们完全可以自由的使用后者&＃xff0c;同时也可以没有前者的基础之上使用后者&＃xff0c;都是很自由&＃xff0c;控制权始终在我们的手中&＃xff0c;但是使用框架时候就必须按照它的规范来进行模块化的开发&＃xff1b;
可能有人会问react也是库么&＃xff1f;的确它就是一个库&＃xff0c;为什么呢&＃xff1f;

开头有说到框架是有一套解决方案的&＃xff0c;react就是纯粹写UI组件的 没有什么异步处理机制、模块化、表单验证这些
如果你读到这篇文章&＃xff0c;希望能对理解框架与库有一定的帮助&＃xff0c;另外如果文章有不对的地方还望指出&＃xff0c;会及时修改&＃xff1b;

转载&＃xff1a;https://zhuanlan.zhihu.com/p/26078359?group_id&＃61;830801800406917120