国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

前端體系梳理

entner / 1533人閱讀

摘要:交互元素用于與用戶(hù)交互的元素元數(shù)據(jù)元素被用于說(shuō)明其他內(nèi)容的表現(xiàn)或行為,或者在當(dāng)前文檔和其他文檔之間建立聯(lián)系的元素。

一、開(kāi)篇

很久以前我們對(duì)于前端的理解就是開(kāi)發(fā)web網(wǎng)頁(yè)的,并且在PC上的瀏覽器進(jìn)行展示;后來(lái),隨著響應(yīng)式布局和智能手機(jī)的興起,web網(wǎng)頁(yè)更多的出現(xiàn)在了移動(dòng)端的瀏覽器中;再后來(lái),隨著技術(shù)的不斷發(fā)展,web頁(yè)面逐漸出現(xiàn)在了PC、Android、Iphone的application(APP)中。從上面的發(fā)展可以看出,前端涉及的面越來(lái)越廣,未來(lái)前端技術(shù)也會(huì)越來(lái)越重要,前端工程師們加油哇!
下面我將一點(diǎn)點(diǎn)完善整個(gè)前端結(jié)構(gòu),由于無(wú)法一次寫(xiě)完,所以這篇文章會(huì)不斷更新,如果大家覺(jué)得還可以就先關(guān)注一波,以便及時(shí)查看更新內(nèi)容。

二、什么是前端

1、前端主要包括下面三個(gè)部分:
1.1 web標(biāo)準(zhǔn)技術(shù)
HTML、CSS、JavaScript、SVG、HTTP、WebGL等
1.2 運(yùn)行環(huán)境
PC端瀏覽器、移動(dòng)端瀏覽器、PC端桌面應(yīng)用、移動(dòng)端桌面應(yīng)用等
1.3 界面與交互
界面的設(shè)計(jì)、用戶(hù)的交互設(shè)計(jì)等問(wèn)題,比如需要考慮web無(wú)障礙性(e.g:盲人或者色盲無(wú)法正常瀏覽頁(yè)面,此時(shí)應(yīng)該怎樣進(jìn)行界面和交互的設(shè)計(jì)以滿(mǎn)足該類(lèi)人群的需要呢?)

2、前端開(kāi)發(fā)時(shí)需要考慮的問(wèn)題

三、HTML

什么是html呢?html就是使用標(biāo)簽來(lái)描述頁(yè)面的內(nèi)容和結(jié)構(gòu)。
1、HTML5的變化
目前最新的HTML標(biāo)準(zhǔn)是html5,那html5相比以前的標(biāo)準(zhǔn)有哪些變化呢?
1.1 doctype聲明更加簡(jiǎn)潔

1.1.1、Doctype的作用
a、 指定文檔使用的標(biāo)準(zhǔn)和版本
html到現(xiàn)在已經(jīng)經(jīng)歷了很多個(gè)版本,最新的是HTML5,聲明Doctype可以指定該文檔遵循的標(biāo)準(zhǔn)。
b、 瀏覽器根據(jù)Doctype決定使用哪種渲染模式
瀏覽器的渲染模式分為怪異模式、標(biāo)準(zhǔn)模式、部分怪異(準(zhǔn)標(biāo)準(zhǔn))模式,在不同模式下瀏覽器對(duì)于同一個(gè)文檔的渲染方式是不同的。最突出的一個(gè)影響就是在標(biāo)準(zhǔn)模式下和怪異模式下的盒模型不同。上面的是標(biāo)準(zhǔn)盒模型,下面的是怪異模式下的盒模型。

1.1.2 如何聲明doctype


1.2 meta標(biāo)簽的變化





















1.3 新增了許多語(yǔ)義化的標(biāo)簽和屬性,例如:標(biāo)簽有header、nav、article、main、footer等,屬性有readonly、disabled、hidden等。

1.4 去掉純展示性標(biāo)簽,例如:stricke、font、s等標(biāo)簽。

1.5 增加了很多富應(yīng)用化的東西,例如canvas、video、audio、離線(xiàn)、本地存儲(chǔ)、拖拽等。

2、HTML語(yǔ)義化
2.1 什么是語(yǔ)義化
HTML中的元素、屬性及屬性值都擁有某些含義。如

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/52320.html

相關(guān)文章

  • 前端體系梳理

    摘要:交互元素用于與用戶(hù)交互的元素元數(shù)據(jù)元素被用于說(shuō)明其他內(nèi)容的表現(xiàn)或行為,或者在當(dāng)前文檔和其他文檔之間建立聯(lián)系的元素。 一、開(kāi)篇 很久以前我們對(duì)于前端的理解就是開(kāi)發(fā)web網(wǎng)頁(yè)的,并且在PC上的瀏覽器進(jìn)行展示;后來(lái),隨著響應(yīng)式布局和智能手機(jī)的興起,web網(wǎng)頁(yè)更多的出現(xiàn)在了移動(dòng)端的瀏覽器中;再后來(lái),隨著技術(shù)的不斷發(fā)展,web頁(yè)面逐漸出現(xiàn)在了PC、Android、Iphone的applicati...

    widuu 評(píng)論0 收藏0
  • 前端體系梳理

    摘要:交互元素用于與用戶(hù)交互的元素元數(shù)據(jù)元素被用于說(shuō)明其他內(nèi)容的表現(xiàn)或行為,或者在當(dāng)前文檔和其他文檔之間建立聯(lián)系的元素。 一、開(kāi)篇 很久以前我們對(duì)于前端的理解就是開(kāi)發(fā)web網(wǎng)頁(yè)的,并且在PC上的瀏覽器進(jìn)行展示;后來(lái),隨著響應(yīng)式布局和智能手機(jī)的興起,web網(wǎng)頁(yè)更多的出現(xiàn)在了移動(dòng)端的瀏覽器中;再后來(lái),隨著技術(shù)的不斷發(fā)展,web頁(yè)面逐漸出現(xiàn)在了PC、Android、Iphone的applicati...

    DataPipeline 評(píng)論0 收藏0
  • 從輸入U(xiǎn)RL到頁(yè)面加載的過(guò)程?如何由一道題完善自己的前端知識(shí)體系

    摘要:前言見(jiàn)解有限,如有描述不當(dāng)之處,請(qǐng)幫忙指出,如有錯(cuò)誤,會(huì)及時(shí)修正。為什么要梳理這篇文章最近恰好被問(wèn)到這方面的問(wèn)題,嘗試整理后發(fā)現(xiàn),這道題的覆蓋面可以非常廣,很適合作為一道承載知識(shí)體系的題目。 前言 見(jiàn)解有限,如有描述不當(dāng)之處,請(qǐng)幫忙指出,如有錯(cuò)誤,會(huì)及時(shí)修正。 為什么要梳理這篇文章? 最近恰好被問(wèn)到這方面的問(wèn)題,嘗試整理后發(fā)現(xiàn),這道題的覆蓋面可以非常廣,很適合作為一道承載知識(shí)體系的題目...

    kel 評(píng)論0 收藏0
  • 前端開(kāi)發(fā)收集 - 收藏集 - 掘金

    摘要:責(zé)編現(xiàn)代化的方式開(kāi)發(fā)一個(gè)圖片上傳工具前端掘金對(duì)于圖片上傳,大家一定不陌生。之深入事件機(jī)制前端掘金事件綁定的方式原生的事件綁定方式有幾種想必有很多朋友說(shuō)種目前,在本人目前的研究中,只有兩種半兩種半還有半種的且聽(tīng)我道來(lái)。 Ajax 與數(shù)據(jù)傳輸 - 前端 - 掘金背景 在沒(méi)有ajax之前,前端與后臺(tái)傳數(shù)據(jù)都是靠表單傳輸,使用表單的方法傳輸數(shù)據(jù)有一個(gè)比較大的問(wèn)題就是每次提交數(shù)據(jù)都會(huì)刷新頁(yè)面,用...

    ygyooo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<