溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

web前端有哪三大核心方法

發(fā)布時(shí)間:2021-10-28 14:15:02 來(lái)源:億速云 閱讀:194 作者:iii 欄目:web開(kāi)發(fā)

這篇文章主要介紹“web前端有哪三大核心方法”,在日常操作中,相信很多人在web前端有哪三大核心方法問(wèn)題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”web前端有哪三大核心方法”的疑惑有所幫助!接下來(lái),請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧!

web前端三大核心方法:1、HTML(超文本標(biāo)記語(yǔ)言),是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言;2、CSS(層疊樣式表),可以用于控制頁(yè)面中元素的樣式;3、JavaScript,常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。

web前端有哪三大核心方法

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5&&javascript1.8.5版、Dell G3電腦。

web前端三大核心技術(shù)(方法)

根據(jù) W3C 標(biāo)準(zhǔn),一個(gè)網(wǎng)頁(yè)主要由三部分組成:結(jié)構(gòu)、表現(xiàn)和行為

web前端有哪三大核心方法

結(jié)構(gòu)

  • 超文本標(biāo)記語(yǔ)言:HTML(Hyper Text Markup Language)

  • HTML用于描述頁(yè)面的結(jié)構(gòu)

  • html5:是一門(mén)標(biāo)記型語(yǔ)言,主要由一些具備特殊含義的標(biāo)簽構(gòu)成(建筑物結(jié)構(gòu))

表現(xiàn)

  • 層疊樣式表:Cascading Style Sheets

  • CSS用于控制頁(yè)面中元素的樣式

  • CSS(3):是一門(mén)描述性語(yǔ)言,主要一系列選擇器(html元素)和屬性構(gòu)成(建筑的外部與內(nèi)部裝飾)

行為

  • JavaScript用于響應(yīng)用戶操作

  • JavaScript:是一門(mén)腳本編程語(yǔ)言,包含類(lèi)似java的語(yǔ)法(數(shù)據(jù)類(lèi)型,數(shù)組,條件分支,循環(huán),對(duì)象…)

什么是 HTML?

  • HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

  • HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)

  • HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言 (markup language)

  • 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)

  • HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)

CSS

  • 層疊樣式表 (Cascading Style Sheets)

  • css可以用來(lái)為網(wǎng)頁(yè)創(chuàng)建樣式表,通過(guò)樣式表可以對(duì)網(wǎng)頁(yè)進(jìn)行裝飾。

  • 所謂層疊,可以將整個(gè)網(wǎng)頁(yè)想象成是一層一層的結(jié)構(gòu),層次高的將會(huì)覆蓋層次低的。

  • 而css就可以分別為網(wǎng)頁(yè)的各個(gè)層次設(shè)置樣式。

JavaScript

JavaScript 是世界上最流行的編程語(yǔ)言。這門(mén)語(yǔ)言可用于 HTML 和 web,更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備。

JavaScript 是腳本語(yǔ)言

  • JavaScript 是一種輕量級(jí)的編程語(yǔ)言,屬于解釋型語(yǔ)言。

    • JavaScript是一門(mén)解釋型語(yǔ)言,所謂解釋型值語(yǔ)言不需要被編譯為機(jī)器碼在執(zhí)行,而是直接執(zhí)行。

    • 由于少了編譯這一步驟,所以解釋型語(yǔ)言開(kāi)發(fā)起來(lái)尤為輕松,但是解釋型語(yǔ)言運(yùn)行較慢也是它的劣勢(shì)。

    • 不過(guò)解釋型語(yǔ)言中使用了JIT技術(shù),使得運(yùn)行速度得以改善。

  • JavaScript 是可插入 HTML 頁(yè)面的編程代碼。

  • JavaScript 插入 HTML 頁(yè)面后,可由所有的現(xiàn)代瀏覽器執(zhí)行。

  • JavaScript 很容易學(xué)習(xí)。

  • 基于原型的面向?qū)ο?/p>

JS編寫(xiě)位置

  • 我們目前學(xué)習(xí)的JS全都是客戶端的JS,也就是說(shuō)全都是需要在瀏覽器中運(yùn)行的,所以我們我們的JS代碼全都需要在網(wǎng)頁(yè)中編寫(xiě)。

  • 我們的JS代碼需要編寫(xiě)到<script>標(biāo)簽中。

  • 屬性:

    • type:默認(rèn)值text/javascript可以不寫(xiě),不寫(xiě)也是這個(gè)值。
      標(biāo)簽中。

  • 屬性:

    • type:默認(rèn)值text/javascript可以不寫(xiě),不寫(xiě)也是這個(gè)值。

    • src:當(dāng)需要引入一個(gè)外部的js文件時(shí),使用該屬性指向文件的地址。

到此,關(guān)于“web前端有哪三大核心方法”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI