HTML基礎(chǔ)教程：框架基礎(chǔ)

架

通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，并且每個框架都獨立于其他的框架。

使用框架的壞處：

開發(fā)人員必須同時跟蹤更多的HTML文檔
很難打印整張頁面

框架結(jié)構(gòu)標簽（<frameset>）

框架結(jié)構(gòu)標簽（<frameset>）定義如何將窗口分割為框架
每個 frameset 定義了一系列行或列
rows/columns 的值規(guī)定了每行或每列占據(jù)屏幕的面積

框架標簽（Frame）

Frame 標簽定義了放置在每個框架中的 HTML 文檔。

在下面的這個例子中，我們設(shè)置了一個兩列的框架集。第一列被設(shè)置為占據(jù)瀏覽器窗口的 25%。第二列被設(shè)置為占據(jù)瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個列中，而 HTML 文檔 "frame_b.htm" 被置于第二個列中：

<html>
<frameset cols="25%,75%">
 <frame src="/example/html/frame_a.html">
 <frame src="/example/html/frame_b.html">
</frameset>
</html>

HTML基礎(chǔ)教程：框架基礎(chǔ)

　在計算機編程中，框架是程序員構(gòu)建軟件的基礎(chǔ)。類似的，JavaScript框架為程序員提供了方便的基礎(chǔ)。它提供了一組預(yù)先編寫的代碼，這樣程序員就不需要從頭開始了。因此，他們可以將框架用作他們正在處理的JavaScript程序或應(yīng)用程序的結(jié)構(gòu)。

　　JavaScript框架做什么?

　　JavaScript框架是現(xiàn)代web開發(fā)的一個非常重要的部分。代碼沒有統(tǒng)一的框架，因為每個JavaScript框架都有不同的用途。這些框架很容易應(yīng)用，因為每個應(yīng)用程序或網(wǎng)站都有一些共同的功能。因此，這使得任務(wù)不那么費力和耗時。JavaScript框架是給定網(wǎng)站或應(yīng)用程序的基礎(chǔ)。

　　JavaScript框架和JavaScript庫之間的區(qū)別是什么?

　　JavaScript庫由各種函數(shù)組成，應(yīng)用程序或網(wǎng)站可以調(diào)用這些函數(shù)來執(zhí)行特定的功能。因此，它提供了預(yù)定義的功能，以促進網(wǎng)站或應(yīng)用程序開發(fā)過程。

　　另一方面，JavaScript框架本質(zhì)上更通用。開發(fā)人員不能為了任務(wù)而調(diào)用框架。它提供了基礎(chǔ)，從而定義了網(wǎng)站或應(yīng)用程序的設(shè)計。

　　JavaScript中有各種框架，它們都有自己獨有的特性。其中有Angular，Node.js，Aurelia，React，Mithril，Meteor，Vue.js，Ember.js，Polymer，Backbone.js等。

　　即使在今天，JavaScript仍然是web開發(fā)的主導(dǎo)語言。但是所有不同的框架都有其獨特的特性、優(yōu)點和缺點，在做出選擇時必須牢記這些。

　　在決定框架之前，必須明確網(wǎng)站或應(yīng)用程序的具體要求。這是因為每個框架都有一些獨有的特性，了解哪一個最適合我們的需求非常重要。除此之外，還必須考慮框架的復(fù)雜性、學(xué)習(xí)曲線和兼容性文檔。

到前端的框架，目前主流最受歡迎三大框架莫屬于Vue、Angular、React。但是在面對90%的中小企業(yè)為什么會選擇使用vue呢？

【vue到底是什么呢】

首先Vue.js是一個輕巧、高性能、可組件化的MVVM庫，同時擁有非常容易上手的API。

MVVM分為三部分：View（頁面DOM）、ViewModel（監(jiān)控者）、Model（數(shù)據(jù)）

所以簡而言之：Vue.js是一個構(gòu)建數(shù)據(jù)驅(qū)動的系統(tǒng) web 界面的漸進式框架。Vue.js 目標是通過盡可能簡單地實現(xiàn) API 實現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。核心是一個響應(yīng)的數(shù)據(jù)綁定系統(tǒng)。

【Vue具體的特點和優(yōu)點有哪些呢】

vue兩大特點：響應(yīng)式編程、組件化

響應(yīng)式編程：在使用 Vue 實現(xiàn) SPA，響應(yīng)式編程是一套最核心的理念，整個系統(tǒng)根據(jù)數(shù)據(jù)對象對頁面進行反向渲染，讓站點避免結(jié)構(gòu)混亂的問題。

組件化：一個站點由不同的多個組件組成，當數(shù)據(jù)發(fā)生變化，最小顆粒的更新變化的部分，不會整個頁面發(fā)生變化，從而大大提高了性能。同時每個組件都有自己獨立的CSS、JS、模板（可理解為就是我們所熟悉的html）

vue的優(yōu)勢

輕量級的框架+指令：它通過雙向數(shù)據(jù)綁定把 View 層和 Model 層連接了起來.實際的DOM封裝和輸出。

雙向數(shù)據(jù)綁定：當數(shù)據(jù)發(fā)生變化的時候，視圖也就發(fā)生變化，當視圖發(fā)生變化的時候，數(shù)據(jù)也會跟著同步變化。

組件化開發(fā)：就是把頁面拆分成多個組件，每個組件依賴的 CSS、JS、模板、圖片等資源放在一起開發(fā)和維護。

單頁面路由：單頁是把原本的多個頁面以組件的形式集成在一個頁面中,頁面跳轉(zhuǎn)時由vue路由到目標頁面，分別加載不同的組件，而頁面不會刷新，路由在更新

虛擬dom：在Vue的底層實現(xiàn)上, Vue將模板編譯成虛擬DOM渲染函數(shù)。結(jié)合Vue自帶的響應(yīng)系統(tǒng)，在狀態(tài)改變時 ,Vue能夠智能地計算出重新渲染組件的最小代價并應(yīng)到DOM操作上。

漸進式框架：用你想用或者能用的功能特性，不想用的部分功能可以先不用，來完成一個開發(fā)。

數(shù)據(jù)和結(jié)構(gòu)的分離：最小粒度更新，vue每次更新會進行虛擬dom和屏幕已有dom對比，只更新有變化的部分，性能更高

插件化：插件的功能范圍沒有嚴格的限制，滿足大多插件可以和vue配合一起使用。

【Vue的缺點有哪些呢】

但是并不是vue.js 只有優(yōu)點，而沒有缺點，任何東西都沒有十全十美的東西！

支持IE8以下

社區(qū)可能沒有Angular和React那么豐富

Vue 不缺入門教程，可是很缺乏高階教程與文檔。同樣的還有書籍

因為是單頁面應(yīng)用，不利于seo優(yōu)化

初次加載時耗時多

【vue與Angular、React的異同】

為什么在90%企業(yè)選擇vue.js，而不是Angular和React呢？

首先vue.js作者尤雨溪在開發(fā)vue.js的時候，不光借鑒了Angular和React的優(yōu)勢，同時還保留開發(fā)了自己獨有的優(yōu)點！快效地完成一個項目的開發(fā)，節(jié)約成本，這無疑對于中小企業(yè)來講是一大福利，節(jié)省了項目開發(fā)的周期以及開發(fā)成本！

那么我們來看一下vue 與 Angular和React到底有哪些相同點和不同點呢？

與Angular.js相比：

相同點

1、都支持指令，內(nèi)部指令和自定義指令

2、都支持過濾器，內(nèi)置過濾器和自定義過濾器

3、都支持雙向綁定

4、都不支持低端瀏覽器

不同點

1、Angular學(xué)習(xí)成本高，增加了依賴注入，Vue本身提供的API比較簡單，直觀

2、在性能上，Angular依賴對數(shù)據(jù)做臟檢查，所以watcher越多越慢

與React.js相比：

相同點

1、React采用了JSX語法，Vue也可使用特殊文件格式

2、都不內(nèi)置Ajax，Router等功能的核心包，而是以插件的形式加載

3、在組件開發(fā)中都支持mixins的特性

4、利用虛擬DOM實現(xiàn)快速渲染

不同點

1、vue在模板中提供了指令，過濾器等，可以非常方便地操作DOM

2、渲染過程不同

3、vue實現(xiàn)了數(shù)據(jù)的雙向綁定，react數(shù)據(jù)流動是單向的

在線咨詢

上一篇：基本線條的繪制《HTML5系列教程17》
下一篇：贊！SpringMVC中常用注解（案例講解）

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML基礎(chǔ)教程：框架基礎(chǔ)

架

框架標簽（Frame）

vue兩大特點：響應(yīng)式編程、組件化

與Angular.js相比：

與React.js相比：

您的項目需求