✍内容
0、原始年代
这些库主要用于制作小型的、独立的用户界面组件。大多数应用程序的业务逻辑仍然是通过表单和标准的 HTTP 请求进行的 -- 在服务器上渲染 HTML 并将其提供给客户端
- jQuery
- MooTools
1、编写客户端应用程序的 js 框架
- Backbone.js
- Angular 1
- Knockout.js
- SproutCore
- Ember.js
- Meteor.js
2、以组件为核心的视图框架
专注于解决渲染问题,路由、API 通信和状态管理由用户自己决定
- React.js
- Vue.js
- Svelte
- Polymer.js
3、全栈式框架
在视图框架的基础上,标准化应用程序的其他部分 --- 路由器、构建系统、文件夹结构
- Next.js (React)
- Nuxt.js (Vue)
- Remix (React)
- SvelteKit (Svelte)
- Gatsby (React)
- Astro (Any)
视图框架
- jQuery (2006)
jQuery 是一个快速、简洁的 JavaScript 库,提供了许多简化 HTML 文档遍历和操作、事件处理、动画和 AJAX 等常见任务的 API。它的特点是易于学习和使用,能够帮助开发者快速创建动态网站和 Web 应用。
- AngularJS (2010)
AngularJS 是由 Google 推出的一款 JavaScript MVVM(Model-View-ViewModel)框架,它通过数据双向绑定和模板语法来简化 Web 应用的开发。AngularJS 还提供了一些常用的服务和指令来帮助开发者实现复杂的应用逻辑和组件化。
- Backbone.js (2010)
Backbone.js 是一个轻量级的 JavaScript MVC(Model-View-Controller)框架,它提供了一组基础的结构和组件,帮助开发者构建单页面应用和复杂的前端应用。Backbone.js 的主要特点是灵活、可定制和易于扩展。
- Ember.js (2011)
Ember.js 是一个基于 MVC 模式的 JavaScript 框架,它提供了一整套工具和组件来帮助开发者构建大规模、高度交互的 Web 应用。Ember.js 的主要特点是强调约定大于配置、自动化和智能化,帮助开发者更快地构建高质量的应用。
- React (2013)
React 是由 Facebook 推出的一款 JavaScript 库,用于构建 UI(User Interface,用户界面)组件。React 的特点是组件化、声明式、高效,它通过虚拟 DOM(Virtual DOM)和 diff 算法来优化渲染性能,同时提供了一些生命周期方法和钩子函数来帮助开发者实现复杂的应用逻辑。
- Vue.js (2014)
Vue.js 是一款渐进式 JavaScript 框架,它提供了一些基础的组件和 API,可以逐步地引入和使用。Vue.js 的特点是轻量、易于上手、高效和灵活,它通过模板语法和数据双向绑定来简化开发,并提供了一些插件和工具来帮助开发者构建复杂的应用
- Svelte (2016)
Svelte 是一款编译型 JavaScript 框架,它通过将组件代码转换为原生 JavaScript 代码来提高运行时性能。Svelte 的特点是易于学习和上手、轻量级、高性能,它提供了一些基础的组件和 API,可以帮助开发者快速构建现代化的 Web 应用。
- Solid (2020)
Solid 是一款新兴的 JavaScript 框架,它采用了函数式编程的思想,将组件视为纯函数,通过利用 JavaScript 的强类型特性来提高代码质量和可维护性。Solid 的特点是高性能、类型安全、易于调试,它提供了一些基础的组件和 API,可以帮助开发者构建可靠的 Web 应用