【前端理论】库与框架、组件化与模块化

各大常见库与框架集合：
jQuery：是一个快速，小型且功能丰富的JavaScript库；
Mint UI：基于 Vue.js 的移动端组件库；
Element：为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库；
Vant：轻量、可靠的移动端 Vue 组件库；
cube-ui：A fantastic mobile ui lib implement by Vue；
iView：一套基于 Vue.js 的高质量 UI 组件库；

React：用于构建用户界面的 JavaScript 库（谦虚）/框架；

MUI：最接近原生APP体验的高性能前端框架；
Bootstrap：简洁、直观、强悍的前端开发框架；
Vue.js ：是一套构建用户界面的渐进式框架；
Angular：一套框架，多种平台，移动端 & 桌面端；
Flutter：谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面；
Nuxt.js：一个基于 Vue.js 的服务端渲染应用框架；
Next.js：是一个轻量级的 React 服务端渲染应用框架。

一、库（library）与框架（framework）

• 库：小而巧，只提供特定API；
  • 优点：方便从一个库切换到另一个库，代码几乎不会改变；
• 框架：大而全，提供一整套解决方案，项目中想切换框架比较困难；

二、组件化与模块化

• 组件化：是从UI界面的角度进行分析，把一些可复用的UI元素，抽离为独立的组件，便于项目的维护和开发；
  • 体现低耦合的思想，组件之间互相独立；
  • 包含html元素、css样式、script脚本；
  • 目的：复用，解耦
• 模块化：是从代码的角度进行分析，把一些可复用的代码，抽离为单个模块，便于项目的维护和开发；
  • 体现高内聚的思想，模块内部相关性很强，单一责任原则；
  • 包含javascript脚本；
  • 目的：封装