九、前端開發框架

文章目錄

• 九、前端開發框架
• • 前端開發框架
  • • 為什么要引入框架
    • 框架的演進過程
    • 主流框架
  • 參考文章

前端開發框架

為什么要引入框架

隨著互聯網的深入發展，web業務也越來越復雜和多元化。以前那種幾個網頁拼在一起，然后隨便加點特效就OK的方式已經要逐漸被淘汰了。Web項目慢慢變得復雜，產品開發過程中暴露的問題也會越來越多。

以前經常推崇一種叫做“全棧”的概念，既能開發前端，又能開發后端，類似于LAMP之類的一條龍服務。但是天才畢竟是少數，大部分人前后端一起搞，不僅開發周期長，出來的效果也確實不如人意。互聯網大潮迅猛發展，前后端分離進行開發是大趨勢。

于是很快，互聯網公司們就開始進行前后端分離開發了。但是在 jQuery 稱霸的時代里，并不能滿足前端開發人員的需求。也慢慢暴露出了很多不好解決的問題：外部js引用太多，復用性低，開發周期太長，性能低，效率低等等，這些 jQuery 不好解決或者說解決不了的問題，都是前端開發要解決的問題。

于是，各種框架就應運而生了。使用框架可以解決重復引用外部js、開發周期長等問題，同時框架擁有組件化開發和性能更好等一系列的優勢。

框架的演進過程

前端框架的演進過程不是一兩段話能說清楚的，這里推薦一篇寫得相當不錯的簡書博客，通過這篇博客來詳細了解其演進過程。 走進前端開發——框架的演變

總結一下，隨時間線發展的前端框架：

HTML、CSS、JavaScript

AJAX

JQuery

MVC、MVP、MVVM

Angular.js、React.js、Backbone.js等

主流框架

• React

React 起源于 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以后，發現這套東西很好用，就在2013年5月開源了。

React是一個用于創建可重用且有吸引力的UI組件的庫。它非常適合代表經常變化的數據的組件。使用React，您可以通過將它們分解為組件而不是使用模板或HTML來構建可重用的用戶界面。

React和Angular是用于構建Web應用程序的兩個頂級JavaScript框架。

• Vue

Vue是一套用于構建用戶界面的漸進式框架。Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。

• Angular

AngularJS誕生于2009年，由Misko Hevery 等人創建，后為Google所收購。是一款優秀的前端JS框架，已經被用于Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC（Model–view–controller）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。

它是一個以 JavaScript 編寫的庫。它可通過 < script> 標簽添加到HTML 頁面，使得開發現代的單一頁面應用程序（SPAs：Single Page Applications）變得更加容易。

參考文章

前端為什么使用框架？解決了哪些問題？

前端框架模式的變遷

React.js與Vue.js：流行框架的比較

Angular框架入門

總結

以上是生活随笔為你收集整理的九、前端开发框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。