資訊專欄INFORMATION COLUMN
摘要：前端三層內(nèi)容層結(jié)構(gòu)層樣式層表現(xiàn)層行為層層語(yǔ)言含義結(jié)構(gòu)層由或之類的標(biāo)記語(yǔ)言負(fù)責(zé)創(chuàng)建。行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)這一問(wèn)題。這是語(yǔ)言和主宰的領(lǐng)域。
前端三層：內(nèi)容層(結(jié)構(gòu)層)HTML、樣式層(表現(xiàn)層)CSS、行為層JavaScript
層 | 語(yǔ)言 | 含義 |
結(jié)構(gòu)層 | HTML | 由 HTML 或 XHTML之類的標(biāo)記語(yǔ)言負(fù)責(zé)創(chuàng)建。標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁(yè)內(nèi)容的語(yǔ)義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。例如，P標(biāo)簽表達(dá)了這樣一種語(yǔ)義：“這是一個(gè)文本段?！?/p> |
表示層 | CSS | 由 CSS 負(fù)責(zé)創(chuàng)建。 CSS對(duì)“如何顯示有關(guān)內(nèi)容”的問(wèn)題做出了回答。 |
行為層 | JavaScript | 負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)”這一問(wèn)題。這是 Javascript 語(yǔ)言和 DOM主宰的領(lǐng)域。 |
<html> <head> <title>網(wǎng)頁(yè)標(biāo)題title> head> <body> 網(wǎng)頁(yè)主體內(nèi)容，給用戶看的。 body> html>
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1119.html
摘要：中的標(biāo)簽元素可以分為三種不同的類型塊狀元素內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素。常用的塊狀元素有等內(nèi)聯(lián)元素與塊狀元素相對(duì)應(yīng)，具有如下特點(diǎn)和其他內(nèi)聯(lián)元素都在一行上元素的高度寬度行高及頂部和底部邊距不可設(shè)置元素不能設(shè)置高度，寬度就是它包含的文字或圖片的寬度。 HTML 中的標(biāo)簽元素可以分為三種不同的類型：塊狀元素、內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素。 塊狀元素的特點(diǎn)有： 1、獨(dú)占一行。每個(gè)塊級(jí)元素都從新的一行開(kāi)始，...
摘要：實(shí)現(xiàn)的效果如下界面可能不是太好看，考慮到容器的高度會(huì)被拉長(zhǎng)，因此沒(méi)有用圖片做背景。 實(shí)現(xiàn)的效果如下： showImg(https://segmentfault.com/img/remote/1460000011155402); 界面可能不是太好看?，考慮到容器的高度會(huì)被拉長(zhǎng)，因此沒(méi)有用圖片做背景。 預(yù)覽 便利貼 涉及的知識(shí)點(diǎn) sass(css 預(yù)編譯器) webpack（自動(dòng)化構(gòu)...
摘要：升級(jí)的區(qū)別與的斷層式升級(jí)不同，延續(xù)了自己的風(fēng)格。在命名方式和上有一些區(qū)別，掌握它們是你升級(jí)整個(gè)項(xiàng)目的關(guān)鍵。以下內(nèi)容都是來(lái)源于個(gè)人項(xiàng)目的一些經(jīng)驗(yàn)之談，并非系統(tǒng)性的闡述。總目錄前端經(jīng)驗(yàn)收集器轉(zhuǎn)載自個(gè)人建了前端學(xué)習(xí)群，旨在一起學(xué)習(xí)前端。 升級(jí)的區(qū)別 與angular的斷層式升級(jí)不同，vue延續(xù)了自己的風(fēng)格。在命名方式和API上有一些區(qū)別，掌握它們是你升級(jí)整個(gè)項(xiàng)目的關(guān)鍵。以下內(nèi)容都是來(lái)源于個(gè)人...
摘要：前端頁(yè)面渲染機(jī)制筆記瀏覽器基礎(chǔ)結(jié)構(gòu)用戶界面用戶所看到及與之交互的功能組件，如地址欄返回前進(jìn)按鈕瀏覽器引擎用戶界面和呈現(xiàn)引擎之間傳遞指令渲染引擎呈現(xiàn)引擎負(fù)責(zé)解析用戶請(qǐng)求的內(nèi)容網(wǎng)絡(luò)負(fù)責(zé)處理網(wǎng)絡(luò)相關(guān)的事物后端負(fù)責(zé)繪制提示框等瀏覽器組件，底層使用 前端頁(yè)面渲染機(jī)制-筆記 瀏覽器基礎(chǔ)結(jié)構(gòu) 1.用戶界面（user interface）：用戶所看到及與之交互的功能組件，如地址欄、返回、前進(jìn)按鈕 2...
閱讀 943·2023-04-25 19:43
閱讀 4239·2021-11-30 14:52
閱讀 4025·2021-11-30 14:52
閱讀 4132·2021-11-29 11:00
閱讀 4023·2021-11-29 11:00
閱讀 4154·2021-11-29 11:00
閱讀 3871·2021-11-29 11:00
閱讀 6761·2021-11-29 11:00
