九、前端開發(fā)框架

文章目錄

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

前端開發(fā)框架

為什么要引入框架

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

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

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

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

框架的演進過程

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

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

HTML、CSS、JavaScript

AJAX

JQuery

MVC、MVP、MVVM

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

主流框架

• React

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

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

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

• Vue

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

• Angular

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

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

參考文章

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

前端框架模式的變遷

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

Angular框架入門

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。