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

架

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

使用框架的壞處：

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

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

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

框架標(biāo)簽（Frame）

Frame 標(biāo)簽定義了放置在每個(gè)框架中的 HTML 文檔。

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

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

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

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

　　JavaScript框架做什么?

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

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

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

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

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

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

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

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

【vue到底是什么呢】

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

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

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

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

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

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

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

vue的優(yōu)勢(shì)

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

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

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

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

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

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

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

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

【Vue的缺點(diǎn)有哪些呢】

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

支持IE8以下

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

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

因?yàn)槭菃雾撁鎽?yīng)用，不利于seo優(yōu)化

初次加載時(shí)耗時(shí)多

【vue與Angular、React的異同】

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

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

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

與Angular.js相比：

相同點(diǎn)

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

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

3、都支持雙向綁定

4、都不支持低端瀏覽器

不同點(diǎn)

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

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

與React.js相比：

相同點(diǎn)

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

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

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

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

不同點(diǎn)

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

2、渲染過程不同

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

在線咨詢

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

您的項(xiàng)目需求

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

整合營銷服務(wù)商

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

架

框架標(biāo)簽（Frame）

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

與Angular.js相比：

與React.js相比：

您的項(xiàng)目需求