iT邦幫忙

0

新手發問

大家好,由於我不是本科出身,所以有很多的基本知識都不清楚,我學過html,css,javascript,php,c 當中有碰到一些問題,希望各位大大可以幫我解惑。
常常聽到 vue.js框架,所謂框架是什麼意思??他在網頁扮演的腳色是什麼?? 另外AngularJS、ReactJS也都是我去了解前端框架時知道的名詞,這三個有什麼不同呢?

2 個回答

5
浩瀚星空
iT邦大師 1 級 ‧ 2019-01-10 09:52:44

我盡量用比較白話的說法給你解釋好了。

認真來說,其實前端語言最主要的只有一種 javascript 。(雖然vbscript也算是一種,不過幾乎沒人再用就當它不存在好了)

而vue、AngularJS、ReactJS,就是就是搭配javascript一種框架組件程式碼。
(不過,最古老的Jquery怎麼沒出現,替它哭哭中)

這邊你可能不了解的地方,是在於「框架」這個名詞是什麼。

其實框架就像是javascript開發出來的一種套裝,本質還是javascript。
只是你可以利用他將原本可能需要很複雜的程式片段,變成用一段很像是函式或物件的應用方式。來達到你要的。

例:如正統我們用javascript要來取得一個元件值

document.getElementById('obj');

我這邊對jquery比較熟,所以就用jquery來說明
在jquery中,它已經幫你將其簡化成

$('#obj')

但其實當你掛入載入了對應的框架。你就可以用比較更簡化的語法。甚至,還有一些更多實用性的應用。

但它們並非是另一套語言。本質還是javascript。只是開發者將javascript給整合讓javascript更方便使用而已。

看更多先前的回應...收起先前的回應...
x89301089 iT邦新手 5 級 ‧ 2019-01-10 10:33:45 檢舉

我懂了,所以這些框架存在的目的跟jquery是一樣的囉!!
主要是讓coding變得簡潔,節省開發時間的意思,那我想在問一下,你習慣用CDN的方式還是下載?

甲土豆 iT邦新手 5 級 ‧ 2019-01-10 10:37:47 檢舉

不一樣Jquery是一個函數庫,目的是讓使用者以最少的代碼完成一件事情,vue、AngularJS、ReactJS都是框架,讓前端代碼有MMVC架構

x89301089 iT邦新手 5 級 ‧ 2019-01-10 10:40:12 檢舉

/images/emoticon/emoticon41.gif

原來是這樣!!!謝謝你們拯救我這個網頁新手QQ

我上面的說明只是大略的解釋一下。

@as555180
認真來說,jquery並不能完全算是函式庫。它其實還是有帶點mvc的觀念存在。只是協作的方式不太相同。在自動載入方面的處理還是需要手動調整載入。所以也會有點感覺沒有mvc的觀念存在。

畢竟它也算是元老級的javascript的框架之一
多少還是有存在很早期的寫作方式。

而vue、AngularJS、ReactJS比較偏向近期的架構。
其實都算是框架了啦!!

1
theRookie
iT邦新手 5 級 ‧ 2019-01-14 10:24:27

框架與函數庫的差別在於是否影響編寫流程

啥意思?

以jquery來說
你要實行某個功能,jquery就只是簡短原本js要打露露長的原碼
對於代碼易讀與操作變得相當簡單

以vue.js來說
雖然一樣是在script裡面引用原碼,但編寫流程卻已經完全不一樣
對於DOM的操作變成了只在JS裡面完成,
並且在DOM中放入

"該框架所規範的屬性"

theRookie iT邦新手 5 級 ‧ 2019-01-14 10:33:44 檢舉

另外補充一點點
向框架三本柱
小火龍、傑尼龜、妙蛙種子
AngularJS、ReactJS、VueJS

都需要在HTML上附加原本不存在的屬性
例如VUE會使用V-html
並且實作一個虛擬機
new VUE(.....)

但jquery或其他相關套件不同
只要在class增加要操作的屬性,並且只是用簡化版的JS去操作他

所以bootStrap是個函式庫還是框架?
我個人認為只是個函式庫

因為他只是簡化你原本應該寫的東西
並沒有他框架專有的規範

我要發表回答

立即登入回答