目前比较火热的几门框架:

React

React是由Facebook(脸书)开发和创建的开源框架。React 用于开发丰富的用户界面，特别是当您需要构建单页应用程序时。它是最强大的前端框架。

弊端:

您不具备 JavaScript 的实践知识，则建议不要使用 React。同样，对于没有经验的开发人员，JSX 的学习曲线也很严峻

Angular

Angular 于 2016 年正式发布，由Google建立，与 React 相比，Angular 具有双向数据绑定特性。在Angular 与 React的比较中，Angular 的学习并不简单。Angular 通过在更短的时间内大力更新内容来扩大基于浏览器的应用程序的执行，因为它执行双向数据绑定。

vue - 渐进式框架

如今，最简单的框架之一是 Vue.js。值得消除 Angular 软件开发人员面临的复杂性。 它体积小还采用双向数据绑定。这个前端框架是通用的，它可以帮助您在构建 Web 应用程序时完成各种任务。从构建 Web 和移动应用程序到渐进式 Web 应用程序 (PWA)，它可以简单地管理动态和简单的开发。Vue 和 React的区别在于Vue 是一个 JS 框架，而 React 是一个 JS 库

Ember.js

Ember.js是 2011 年开发的基于组件的框架。它呈现双向数据绑定，类似于 Angular,它旨在无可挑剔地管理对当代技术不断增长的需求。 您可以使用 Ember.js 构建多方面的 Web 和移动应用程序,Ember 的学习曲线是它为数不多的缺陷之一。由于其传统和刚性的结构，该框架是最具挑战性的 Web UI 框架之一。 由于相对较新且未经探索，它的开发者社区是微不足道的。Ember.js 的初步成本可能会更高。

JQuery

jQuery是 2006 年推出的最初的前端框架之一。让它与众不同的是它在当今科技生态圈中的重要性。 jQuery 不仅易于使用，而且还减少了编写广泛的 JavaScript 代码的需求。基本上，jQuery 用于在前端操作DOM 和 CSS 操作，并增强网站的交互性和功能。

此 Web 开发框架用于构建基于桌面的 JavaScript 应用程序。该框架保留了代码清晰且相当简单。它用于管理事件和执行动画。

layui

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低（免费），拿来即用。由国人开发，16年出厂的框架,其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似,只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。

Bootstrap

Bootstrap一个前端的框架，提高前端的开发效率，制作出更加专业，漂亮的页面。基于html、css、js技术。响应式

栅格系统(Grid Systems)，即网格系统，它是一种清晰、工整的设计风格，用固定的格子进行网页布局。栅格系统最早应用于印刷媒体上，一个印刷版面上划分了若干个格子，非常方便排版。