整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
tml+css基礎(chǔ)一：html簡介和發(fā)展史
HTML全稱（hypertext markup language）譯為超文本標(biāo)記語言，其譯文代表了HTML的含義，它和其他編程語言不同的是，HTML不是一門真正意義上編程語言，而是一種標(biāo)記語言，通過帶有尖角號(hào)的標(biāo)簽對(duì)文本進(jìn)行標(biāo)記，從而實(shí)現(xiàn)網(wǎng)頁的結(jié)構(gòu)搭建。
1.2、HTML發(fā)展史
HTML創(chuàng)始人（蒂姆·伯納斯-李）蒂姆·伯納斯-李除了是HTML的創(chuàng)始人，還是w3c組織的主席。
1、HTML1.0 （1991年12月）
1991年萬維網(wǎng)（www）在互聯(lián)網(wǎng)上首次露面，也隨之引起了巨大的轟動(dòng)。
1989年，伯納斯-李寫了一份備忘錄，提出建立一個(gè)基于互聯(lián)網(wǎng)的超文本系統(tǒng)。同年和另外一個(gè)工程師一起進(jìn)行聯(lián)合資金申請(qǐng)，但是這個(gè)項(xiàng)目并沒有通過。
1991年底的時(shí)候，伯納斯-李公開了一份“HTML Tag”的文檔，里面描述了組成HTML初始版本的18個(gè)元素
2、HTML2.0（1995年11月）
HTML 2.0是HTML語言的擴(kuò)展。????
與原始版本的HTML不同，HTML 2.0被創(chuàng)建為Web標(biāo)準(zhǔn)，規(guī)定了常見的網(wǎng)頁結(jié)構(gòu)
3、HTML3.2（1996年1月）
慘淡的"第一次瀏覽器大戰(zhàn)時(shí)期（Netspace Vs IE）"，兩大巨頭不斷推出重大舉措試圖控制整個(gè)領(lǐng)域。???????
網(wǎng)頁開發(fā)者是這場戰(zhàn)爭中的焦點(diǎn)。商業(yè)戰(zhàn)爭就像軍備競賽，各家公司為了保持領(lǐng)先，招兵買馬。各家都有各家的規(guī)則。?????????
那時(shí)候，你不得不寫兩份不同的網(wǎng)頁，一個(gè)用于網(wǎng)景的瀏覽器，另一個(gè)用于微軟的瀏覽器
4、HTML4（1997年12月）
瀏覽器大戰(zhàn)接近尾聲，W3C（世界萬維網(wǎng)聯(lián)盟）成立，他們打算通過制定統(tǒng)一的HTML標(biāo)準(zhǔn)，使整個(gè)產(chǎn)業(yè)能有序的發(fā)展。 ? ? ? ? ? ?
他們計(jì)劃用兩種語言分離出HTML的表達(dá)式（HTML 4.0）和結(jié)構(gòu)（CSS），并且說服瀏覽器廠商接受這些標(biāo)準(zhǔn)
這次發(fā)布提供了規(guī)范的三種變體：
Strict，嚴(yán)格版本；
Transitional，過渡版本；
Frameset，iframe框架集；
HTML4.0 采納了許多瀏覽器特定的元素類型及屬性，但是同時(shí)也把 Netscape 的視覺化標(biāo)記標(biāo)記為過時(shí)的尋求淘汰; 贊成使用樣式表; 同時(shí)在1998年4月對(duì)HTML4.0進(jìn)行了微小的修訂，沒有增加版本號(hào)HTML5.0
5、HTML4.01（1999年12月）
像 HTML4.0 一樣提供了三種變體，并且他的最終錯(cuò)誤修訂版在2001年的5月12日發(fā)布
6、XHTML 1.0（2000年1月）
各大瀏覽器廠商紛紛接受W3C標(biāo)準(zhǔn)的時(shí)候，新技術(shù)出現(xiàn)了。?????????????
HTML和另一種語言XML融合，XHTML（可拓展的超文本標(biāo)記語言）就此誕生。???????????
它繼承了HTML的通用型和瀏覽器的兼容性，繼承了XML的嚴(yán)密性和可拓展性
7、HTML5（2014 年 10 月）
HTML5是HTML最新的修訂版本，由W3C制定，目標(biāo)是取代1999年所制定的HTML 4.01和XHTML 1.0標(biāo)準(zhǔn)
我們現(xiàn)在使用的是html5版本，因?yàn)橛捎谛屡d框架的出現(xiàn)和瀏覽器兼容性的提升，讓我們選擇了html5。
了解同學(xué)們的專業(yè)學(xué)習(xí)情況，增強(qiáng)團(tuán)隊(duì)協(xié)作能力，近日，金盾2201班舉行了以小組為單位的HTML網(wǎng)頁項(xiàng)目驗(yàn)收。本次項(xiàng)目驗(yàn)收特邀鄧旎、唐勇兩位老師擔(dān)任評(píng)委。
金盾特訓(xùn)班作為我校以高薪就業(yè)為終極目標(biāo)的特色班級(jí)，除了日常文化課學(xué)習(xí)之外，提升項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)也成為了他們必不可少的日常操練項(xiàng)。
驗(yàn)收現(xiàn)場
各小組以PPT講解結(jié)合網(wǎng)頁作品演示的形式，從想法構(gòu)思、選定項(xiàng)目、作品功能實(shí)現(xiàn)等方面來展示團(tuán)隊(duì)作品。每位同學(xué)輪流上臺(tái)講解，在操作演示中突顯實(shí)踐的重要性。
項(xiàng)目驗(yàn)收考驗(yàn)的是大家代碼知識(shí)的運(yùn)用情況，同時(shí)還能提高表達(dá)能力及項(xiàng)目制作水平，為成為一名“準(zhǔn)職業(yè)人”打好基礎(chǔ)。大家紛紛表示，雖然在過程中遇到了數(shù)不清的困難，但是并沒有因此而放棄，在老師的輔導(dǎo)和組員之間的互幫互助下，促使此次項(xiàng)目圓滿完成。
頒獎(jiǎng)典禮
經(jīng)評(píng)委現(xiàn)場評(píng)分，最終評(píng)選出團(tuán)隊(duì)一、二、三等獎(jiǎng)及優(yōu)秀個(gè)人獎(jiǎng)。
團(tuán)隊(duì)一等獎(jiǎng)
王涵、李嘉星、劉燦、段李可
團(tuán)隊(duì)二等獎(jiǎng)
姚宏源、周旺、駱鵬飛、凌海峰
團(tuán)隊(duì)三等獎(jiǎng)
潘虹、張雅婷、胡偉
優(yōu)秀個(gè)人獎(jiǎng)
羅浩智、付清、陳韜、殷明、莫藝清
此次項(xiàng)目驗(yàn)收，充分展示了金盾班同學(xué)的理論水平、專業(yè)知識(shí)、語言表達(dá)與實(shí)踐操作能力，希望各位同學(xué)再接再厲，發(fā)揮個(gè)人潛能，展示出更加優(yōu)秀的作品。
avaScript框架。
哈嘍，各位小伙伴們大家好，歡迎來到前端課堂。這節(jié)課來講解JavaScript的簡介，讓我們?cè)偕钊氲牧私庖幌翵avaScript。其實(shí)這張截圖就是從JavaScript的官方文檔中截圖下來的，它的最大的點(diǎn)就是鑒定點(diǎn)的JavaScript框架。當(dāng)然下面這些易學(xué)易用、性能出色等等也都是它的優(yōu)勢了。
JavaScript這個(gè)發(fā)音有人也稱為Vue，就是拿每個(gè)字母來讀，但是正常就讀Vue就行了。它說類似Vue讀音就是一模一樣的，是一款用于構(gòu)建用戶界面的JavaScript框架。它基于標(biāo)準(zhǔn)的HMCS和GS的進(jìn)行構(gòu)建，也就是說學(xué)習(xí)起來比較簡單，只需要會(huì)HMCS、GS就能學(xué)習(xí)Vue了。
并且還提供了一套聲明式組建化的編程模型。關(guān)于什么是聲明式，什么是組建化，后續(xù)在學(xué)習(xí)的過程中大家慢慢能體會(huì)到，尤其是組件，這個(gè)真的是非常大的優(yōu)勢。而目前的框架基本都具有這個(gè)功能，它可以幫助快速的開發(fā)用戶界面，這就是它可以提升開發(fā)的時(shí)間成本，提升開發(fā)體。無論是簡單的復(fù)雜的頁面都可以勝任，這是JavaScript的優(yōu)勢。
所以現(xiàn)在JavaScript寫項(xiàng)目的比較多了，無論是后臺(tái)管理系統(tǒng)還是前端的站點(diǎn)都會(huì)采用JavaScript來進(jìn)行實(shí)現(xiàn)，比較方便，包含移動(dòng)端，頁面也有用JavaScript來進(jìn)行實(shí)現(xiàn)的。這里邊最大的點(diǎn)就是可以看到這三個(gè)大字：漸進(jìn)式。
有同學(xué)不明白老師什么是漸進(jìn)式框架，接下來就用官方的介紹來給大家描述一下。JavaScript是一個(gè)框架，這毋庸置疑也是一個(gè)生態(tài)。關(guān)于生態(tài)這個(gè)點(diǎn)我想多說兩句，什么是生態(tài)？如果JavaScript框架就只有它自己本身沒有額外的一些支持，我指的額外支持是沒有作為開發(fā)者的支持，沒有一個(gè)環(huán)境，沒有一個(gè)圈子去支持它，JavaScript框架是火不起來的。
之所以它能火起來就是JavaScript本身這個(gè)框架很好，就是它有很大的優(yōu)勢很好。其次大家對(duì)于它非常認(rèn)可，認(rèn)可它之后就會(huì)在這個(gè)JavaScript的基礎(chǔ)之上去做很多針對(duì)于JavaScript框架才能用到的組件或者叫插件。
比如給大家舉個(gè)例子輪播圖，如果JavaScript框架非常好，但JavaScript會(huì)幫你去實(shí)現(xiàn)一個(gè)輪播圖功能嗎？不會(huì)。但誰會(huì)？作為開發(fā)者的，我們會(huì)實(shí)現(xiàn)一個(gè)特別好的輪播圖，把它上傳上去，作為其他開發(fā)者也可以去把別人實(shí)現(xiàn)的輪播圖直接下載下來，放在你的項(xiàng)目當(dāng)中就可以直接使用，你不用自己再寫一套了。
這就是我們所說的生態(tài)，它的生態(tài)已經(jīng)非常完善了，非常強(qiáng)大。所以它說vivo現(xiàn)在既是一個(gè)框架也是個(gè)生態(tài)，而且vivo提供的功能也比較多。不僅是vivo本身，它還提供了路由，就是來做頁面跳轉(zhuǎn)的管理頁面之間的關(guān)系的，還提供了數(shù)據(jù)管理方案。
比如說以vivo 2是vivo x，vivo 3是平安雅，這些都是幫我們更好的去做開發(fā)的。它還提供了很多，比如說國際化的一些包等等非常多。還有一些ui組建庫、eleven ui、anti、want以及on the zion等等，所以說它是個(gè)生態(tài)。
而且大家日后要想明白一個(gè)問題，什么問題？一個(gè)框架或者說一個(gè)技術(shù)它是否能火，它的生態(tài)決定了它是否真的能火。生態(tài)非常繁榮，那它一定會(huì)火。如果生態(tài)圈中連大家討論都沒人討論，那這個(gè)東西基本上不會(huì)火了。
大概這樣，其功能覆蓋了大部分前端開發(fā)常見的需求，但外部事件也是十分多樣化，所以不同的開發(fā)者對(duì)于這個(gè)實(shí)現(xiàn)也不太一樣。所以他說外部上構(gòu)建的東西可能形式上、規(guī)模上都會(huì)有很大的不同點(diǎn)。
比如說你是移動(dòng)端的商城，它是后端的管理系統(tǒng)，這是完全不同的對(duì)不對(duì)？所以他說考慮到這一點(diǎn)，vivo的設(shè)計(jì)非常注重靈活性和可被逐步集成的特點(diǎn)。其實(shí)它這個(gè)可被逐步集成就是它的漸進(jìn)式的框架的優(yōu)勢。
什么意思？就是我可以在完整的項(xiàng)目當(dāng)中去使用vivo，我也可以在其中某一個(gè)功能上去使用vivo，甚至我可以只在某一個(gè)html頁面中去使用vivo的某一個(gè)功能，這就是漸進(jìn)式可以很低端的，就是可以很簡潔的使用在一個(gè)頁面中使用，也可以在一個(gè)功能模塊中使用，甚至可以在整個(gè)項(xiàng)目中全用vivo來構(gòu)建。
所以說這是它漸進(jìn)式的特點(diǎn)。根據(jù)你的場景需求，他說可以將vivo分成以下幾種使用方式。
·比如說第一種就是無需構(gòu)建，無需構(gòu)建步驟漸進(jìn)式增強(qiáng)的html。所謂的就是漸進(jìn)式增強(qiáng)的靜態(tài)的html就是在你的一個(gè)html文件中去引入vivo，就這么簡單。你也可以把它當(dāng)成一個(gè)組件，然后引入在一個(gè)功能當(dāng)中，當(dāng)成一個(gè)功能來引入，甚至可以整個(gè)項(xiàng)目創(chuàng)建成一個(gè)單頁面應(yīng)用的形式，然后去使用它。
·什么是單頁面應(yīng)用spa？就是整個(gè)項(xiàng)目就只有一個(gè)頁面，那頁面中如何做跳轉(zhuǎn)？頁面中內(nèi)容怎么展示？它是通過更換頁面內(nèi)容，就是在一個(gè)頁面中一直不斷的更換內(nèi)容，讓你感覺是很多個(gè)頁面的樣子。這是現(xiàn)在比較流行的，它也可以有服務(wù)集團(tuán)渲染等等。
這些后續(xù)我們?cè)俾v，這些我就不說了，就是說你要知道vivo是一個(gè)，漸進(jìn)式的框架。它的優(yōu)勢就是可以在sml頁面中使用，單獨(dú)的頁面中使用也可以把它某一個(gè)功能提取出來，用 vivo 來實(shí)現(xiàn)，甚至可以整個(gè)項(xiàng)目完全用 vivo 來實(shí)現(xiàn)。
當(dāng)然日后的開發(fā)是第三者，就是完全整個(gè)項(xiàng)目都用 vivo 實(shí)現(xiàn)，這是比較常見的或者說這是需求，正常應(yīng)用都是這個(gè)樣子的。
接下來要給大家聊一聊關(guān)于 vivo 的版本問題，因?yàn)檫@也是大家比較關(guān)心的，之前也是錄了很多很多視頻，但是版本比較老，所以現(xiàn)在做更新。
來說 vivo 版本，目前在開發(fā)中 vivo 有兩大版本，分別是 vivo 2和 vivo 3，老項(xiàng)目一般都是 vivo 2的，為什么？因?yàn)槔系捻?xiàng)目可能持續(xù)了半年、一年、兩年，這些項(xiàng)目出現(xiàn)的時(shí)候 vivo 3還沒存在，還沒有，所以它用的是 vivo 2的版本開發(fā)的，而現(xiàn)在的新項(xiàng)目一般都會(huì)選擇 vivo 3來開發(fā)。
本套課程講解的是哪個(gè)版本是 vivo 3的版本？有同學(xué)說老師，那 vivo 2怎么辦？不要急，因?yàn)?vivo 3涵蓋了 vivo 2的知識(shí)體系，就是說你把 vivo 3學(xué)會(huì)了 vivo 2你也就會(huì)了，但如果你只學(xué) vivo 2 vivo 3你是不會(huì)的，為什么？因?yàn)?vivo 3增加了很多新的特性，所以說大家不用考慮說老師我們講 vivo 3的 vivo 2怎么辦這個(gè)問題，只要我們講了 vivo 3 vivo 2也涵蓋在其中了。
這就意味著無論是咱們?cè)诠竟ぷ髦惺抢享?xiàng)目還是新項(xiàng)目都沒有關(guān)系，你都可以勝任，都是可以的。這是我們來描述 vivo 的一個(gè)版本的一個(gè)主要原因。
這里再給大家介紹關(guān)于 view 的官方文檔，大家怎么去找官方文檔？它的官方文檔叫 cinder view gs.alg，這里加一個(gè)點(diǎn)在這里，官方文檔，我也希望把這個(gè)給大家放在這里，別大家地址到時(shí)候還不知道 vivo 的官方文檔是什么，前面有個(gè) cn，其實(shí)在官方文檔就是 vivo gs的奧格前面有個(gè) cn，cn 是什么意思？中文的。
當(dāng)然有同學(xué)說老師我想看英文的，那你就把 c 音去掉，訪問的他就是個(gè)英文的，我個(gè)人肯定是看中文的了，為什么我英文又不好，是不是？在座各位英文好可以看英文的，也是鍛煉自己的英文閱讀文檔的水平，因?yàn)槠鋵?shí)很多框架很。這個(gè)技術(shù)、知識(shí)第一手資料基本上都是英文的包含。
view，開發(fā)者是中國人，第一個(gè)版本提供的仍然是vi，仍然是英文的，為什么？因?yàn)樗槍?duì)的不只有中國，還有很多其他國家，畢竟英文現(xiàn)在是什么？這世界統(tǒng)一語言，所以如果大家能讀得懂英文建議讀英文，如果英文對(duì)你學(xué)習(xí)來說是個(gè)障礙，那就先看英文，中文會(huì)了之后再慢慢去琢磨英文版本對(duì)應(yīng)的描述，對(duì)不對(duì)？
這是它的官網(wǎng)，默認(rèn)的就是已經(jīng)三的版本了，如果大家以后想看二的版本，點(diǎn)文檔這里也有個(gè)二的版本，也是可以看的，這是它的官方文檔，也給大家放在這里了。
關(guān)于vivo這個(gè)簡介說到這里就可以了，本節(jié)課主要了解了三個(gè)點(diǎn)。
·第一個(gè)點(diǎn)就是關(guān)于vivo的一些描述，就是這里面的一個(gè)簡介，它的讀法等等。
·第二個(gè)就是為什么它叫漸進(jìn)式框架？也剛說了其實(shí)就是atvo頁面中也可以使用，單獨(dú)一個(gè)功能模塊也可以使用，完整的項(xiàng)目用vivo也可以，它是逐漸增強(qiáng)的一個(gè)過程。
然后它有兩個(gè)大的版本，也熟知了有vivo 二的版本、vivo 三的版本，如何去判斷？日后創(chuàng)建好項(xiàng)目大家就能判斷了，我會(huì)告訴大家如何去判斷這是vivo 二的版本還是vivo 三的版本，不要急。
關(guān)于vivo的簡介就說到這里，感謝各位聆聽，下期再見。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
