習(xí)web前端,首先要學(xué)HTML。
關(guān)于HTML基礎(chǔ)知識(shí),首先是要掌握一些常用標(biāo)簽的使用和他們的各個(gè)屬性,這些常用的標(biāo)簽我總結(jié)了一下有以下這些:
html:頁面的根元素。
head:頁面的頭部標(biāo)簽,是所有頭部元素的容器。
body:頁面的主體標(biāo)簽,頁面展現(xiàn)的內(nèi)容就放置在這里面。
title:頁面的標(biāo)題。
meta:位于文檔的頭部,提供頁面的元信息,包括關(guān)鍵字、描述等等。
link:定義文檔與外部資源的關(guān)系,最常用的用途就是引入樣式表。
script:腳本標(biāo)簽,可以把js腳本代碼放置在這個(gè)標(biāo)簽內(nèi),也可以使用這個(gè)標(biāo)簽的src屬性引入一個(gè)外部標(biāo)簽。
style:樣式標(biāo)簽,可以把css代碼寫在這個(gè)標(biāo)簽中。
a:超鏈接,href屬性代表要鏈接到的地方,target屬性代表打開方式。
img:圖像標(biāo)簽,src屬性表示圖片的位置。
form:表單元素,它內(nèi)部的input、select、textarea等標(biāo)簽都是比較重要的。
div:定義文檔中的分區(qū)或節(jié),可以使用div來進(jìn)行頁面的布局等操作。
另外還有ul、li、p、button、iframe、p、table等標(biāo)簽也很常用,nav、section、article、header、aside、footer等語義化標(biāo)簽也需要了解一下。
除了要了解上面這一些標(biāo)簽之外,還需要對(duì)一些新的HTML5的API有一定的了解:
還有一些要知道的知識(shí)點(diǎn):
1.doctype的作用。
2.unicode、utf8等編碼的原理和區(qū)別。
3.如何進(jìn)行頁面性能優(yōu)化。
4.png、jpg、webp、gif等圖片格式的不同的優(yōu)勢。
5.HTML行內(nèi)元素與塊級(jí)元素的區(qū)別。
6.移動(dòng)web端開發(fā)常用head標(biāo)簽。
7.web語義化。
8.瀏覽器中的緩存原理
TML 字符集
如需正確地顯示 HTML 頁面,瀏覽器必須知道使用何種字符集。
萬維網(wǎng)早期使用的字符集是 ASCII。ASCII 支持 0-9 的數(shù)字,大寫和小寫英文字母表,以及一些特殊字符。
由于很多國家使用的字符并不屬于 ASCII,現(xiàn)代瀏覽器的默認(rèn)字符集是 ISO-8859-1。
如果網(wǎng)頁使用不同于 ISO-8859-1 的字符集,就應(yīng)該在 <meta> 標(biāo)簽進(jìn)行指定。
ISO 字符集
ISO 字符集是國際標(biāo)準(zhǔn)組織 (ISO) 針對(duì)不同的字母表/語言定義的標(biāo)準(zhǔn)字符集。
下面列出了世界各地使用的不同字符集:
字符集 | 描述 | 使用范圍 |
---|---|---|
ISO-8859-1 | Latin alphabet part 1 | 北美、西歐、拉丁美洲、加勒比海、加拿大、非洲 |
ISO-8859-2 | Latin alphabet part 2 | 東歐 |
ISO-8859-3 | Latin alphabet part 3 | SE Europe、世界語、其他雜項(xiàng) |
ISO-8859-4 | Latin alphabet part 4 | 斯堪的納維亞/波羅的海(以及其他沒有包括在 ISO-8859-1 中的部分) |
ISO-8859-5 | Latin/Cyrillic part 5 | 使用古代斯拉夫語字母表的語言,比如保加利亞語、白俄羅斯文、俄羅斯語、馬其頓語 |
ISO-8859-6 | Latin/Arabic part 6 | 使用阿拉伯字母的語言 |
ISO-8859-7 | Latin/Greek part 7 | 現(xiàn)代希臘語,以及由希臘語衍生的數(shù)學(xué)符號(hào) |
ISO-8859-8 | Latin/Hebrew part 8 | 使用希伯來語的語言 |
ISO-8859-9 | Latin 5 part 9 | 土耳其語。除了土耳其字符取代了冰島文字,其它與 ISO-8859-1 相同。 |
ISO-8859-10 | Latin 6 | 拉普蘭語、日耳曼語、愛斯基摩北歐語 |
ISO-8859-15 | Latin 9 (aka Latin 0) | 與 ISO 8859-1 類似,歐元符號(hào)和其他一些字符取代了一些較少使用的符號(hào) |
ISO-2022-JP | Latin/Japanese part 1 | 日本語 |
ISO-2022-JP-2 | Latin/Japanese part 2 | 日本語 |
ISO-2022-KR | Latin/Korean part 1 | 韓語 |
Unicode 標(biāo)準(zhǔn)
由于上面列出的字符集都有容量限制,而且不兼容多語言環(huán)境,Unicode 聯(lián)盟開發(fā)了 Unicode 標(biāo)準(zhǔn)。
Unicode 標(biāo)準(zhǔn)涵蓋了世界上的所有字符、標(biāo)點(diǎn)和符號(hào)。
不論是何種平臺(tái)、程序或語言,Unicode 都能夠進(jìn)行文本數(shù)據(jù)的處理、存儲(chǔ)和交換。
Unicode 聯(lián)盟
Unicode 聯(lián)盟開發(fā)了 Unicode 標(biāo)準(zhǔn)。他們的目標(biāo)是用標(biāo)準(zhǔn)的 Unicode 轉(zhuǎn)換格式 (UTF) 來取代現(xiàn)有的字符集。
Unicode 標(biāo)準(zhǔn)已經(jīng)獲得了成功,在 XML、Java、ECMAScript (JavaScript)、LDAP、CORBA 3.0、WML 中,Unicode 已經(jīng)得到了實(shí)現(xiàn)。在許多操作系統(tǒng)以及所有的現(xiàn)代瀏覽器中,Unicode 同樣得到了支持。
Unicode 聯(lián)盟與領(lǐng)導(dǎo)性的標(biāo)準(zhǔn)發(fā)展組織進(jìn)行合作,比如 ISO、W3C 以及 ECMA。
Unicode 可以被不同的字符集兼容。最常用的編碼方式是 UTF-8 和 UTF-16:
字符集 | 描述 |
---|---|
UTF-8 | UTF8 中的字符可以是 1-4 個(gè)字節(jié)長。UTF-8 可以表示 Unicode 標(biāo)準(zhǔn)中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是網(wǎng)頁和電子郵件的首選編碼。 |
UTF-16 | 16 比特的 Unicode 轉(zhuǎn)換格式是一種 Unicode 可變字符編碼,能夠?qū)θ?Unicode 指令表進(jìn)行編碼。UTF-16 主要被用于操作系統(tǒng)和環(huán)境中,比如微軟的 Windows 2000/XP/2003/Vista/CE 以及 Java 和 .NET 字節(jié)代碼環(huán)境。 |
提示: 最前面的 256 個(gè) Unicode 字符集字符對(duì)應(yīng)于 256 個(gè) ISO-8859-1 字符。
提示: 所有 HTML 4 處理器均已支持 UTF-8,而所有 XHTML 和 XML 處理器支持 UTF-8 和 UTF-16!
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
JavaScript 是一個(gè)程序語言。語法規(guī)則定義了語言結(jié)構(gòu)。
JavaScript 語法
JavaScript 是一個(gè)腳本語言。
它是一個(gè)輕量級(jí),但功能強(qiáng)大的編程語言。
JavaScript 字面量
在編程語言中,一個(gè)字面量是一個(gè)常量,如 3.14。
數(shù)字(Number)字面量 可以是整數(shù)或者是小數(shù),或者是科學(xué)計(jì)數(shù)(e)。
3.14
1001
123e5
字符串(String)字面量 可以使用單引號(hào)或雙引號(hào):
"John Doe"
'John Doe'
表達(dá)式字面量 用于計(jì)算:
5 + 6
5 * 10
數(shù)組(Array)字面量 定義一個(gè)數(shù)組:
[40, 100, 1, 5, 25, 10]
對(duì)象(Object)字面量 定義一個(gè)對(duì)象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函數(shù)(Function)字面量 定義一個(gè)函數(shù):
function myFunction(a, b) { return a * b;}
JavaScript 變量
在編程語言中,變量用于存儲(chǔ)數(shù)據(jù)值。
JavaScript 使用關(guān)鍵字 var 來定義變量, 使用等號(hào)來為變量賦值:
var x, length
x = 5
length = 6
變量可以通過變量名訪問。在指令式語言中,變量通常是可變的。字面量是一個(gè)恒定的值。
變量是一個(gè) 名稱 。字面量是一個(gè)值 。 |
JavaScript 操作符
JavaScript使用 算術(shù)運(yùn)算符 來計(jì)算值:
(5 + 6) * 10
JavaScript使用賦值運(yùn)算符給變量賦值:
x = 5
y = 6
z = (x + y) * 10
嘗試一下 ?
JavaScript語言有多種類型的運(yùn)算符:
類型 | 實(shí)例 | 描述 |
---|---|---|
賦值,算術(shù)和位運(yùn)算符 | = + - * / | 在 JS 運(yùn)算符中描述 |
條件,比較及邏輯運(yùn)算符 | == != < > | 在 JS 比較運(yùn)算符中描述 |
JavaScript 語句
在 HTML 中,JavaScript 語句向?yàn)g覽器發(fā)出的命令。
語句是用分號(hào)分隔:
x = 5 + 6;
y = x * 10;
JavaScript 關(guān)鍵詞
JavaScript 語句通常于關(guān)鍵詞為開頭。 var 關(guān)鍵詞告訴瀏覽器創(chuàng)建一個(gè)新的變量:
var x = 5 + 6;
var y = x * 10;
JavaScript 關(guān)鍵字
和其他任何編程語言一樣,JavaScript 保留了一些關(guān)鍵字為自己所用。
JavaScript 同樣保留了一些關(guān)鍵字,這些關(guān)鍵字在當(dāng)前的語言版本中并沒有使用,但在以后 JavaScript 擴(kuò)展中會(huì)用到。
JavaScript 關(guān)鍵字必須以字母、下劃線(_)或美元符($)開始。
后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符(數(shù)字是不允許作為首字符出現(xiàn)的,以便 JavaScript 可以輕易區(qū)分開關(guān)鍵字和數(shù)字)。
以下是 JavaScript 中最重要的保留字(按字母順序):
abstract | else | instanceof | super |
boolean | enum | int | switch |
break | export | interface | synchronized |
byte | extends | let | this |
case | false | long | throw |
catch | final | native | throws |
char | finally | new | transient |
class | float | null | true |
const | for | package | try |
continue | function | private | typeof |
debugger | goto | protected | var |
default | if | public | void |
delete | implements | return | volatile |
do | import | short | while |
double | in | static | with |
JavaScript 注釋
不是所有的 JavaScript 語句都是"命令"。雙斜杠 // 后的內(nèi)容將會(huì)被瀏覽器忽略:
// 我不會(huì)執(zhí)行
JavaScript 數(shù)據(jù)類型
JavaScript 有多種數(shù)據(jù)類型:數(shù)字,字符串,數(shù)組,對(duì)象等等:
var length = 16; // Number 通過數(shù)字字面量賦值
var points = x * 10; // Number 通過表達(dá)式字面量賦值
var lastName = "Johnson"; // String 通過字符串字面量賦值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通過數(shù)組字面量賦值
var person = {firstName:"John", lastName:"Doe"}; // Object 通過對(duì)象字面量賦值
數(shù)據(jù)類型的概念
編程語言中,數(shù)據(jù)類型是一個(gè)非常重要的內(nèi)容。
為了可以操作變量,了解數(shù)據(jù)類型的概念非常重要。
如果沒有使用數(shù)據(jù)類型,以下實(shí)例將無法執(zhí)行:
16 + "Volvo"
16 加上 "Volvo" 是如何計(jì)算呢? 以上會(huì)產(chǎn)生一個(gè)錯(cuò)誤還是輸出以下結(jié)果呢?
"16Volvo"
你可以在瀏覽器嘗試執(zhí)行以上代碼查看效果。
在接下來的章節(jié)中你將學(xué)到更多關(guān)于數(shù)據(jù)類型的知識(shí)。
JavaScript 函數(shù)
JavaScript 語句可以寫在函數(shù)內(nèi),函數(shù)可以重復(fù)引用:
引用一個(gè)函數(shù) = 調(diào)用函數(shù)(執(zhí)行函數(shù)內(nèi)的語句)。
function myFunction(a, b) {
return a * b; // 返回 a 乘于 b 的結(jié)果
}
JavaScript 對(duì)大小寫敏感。
JavaScript 對(duì)大小寫是敏感的。
當(dāng)編寫 JavaScript 語句時(shí),請(qǐng)留意是否關(guān)閉大小寫切換鍵。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。
JavaScript 字符集
JavaScript 使用 Unicode 字符集。
Unicode 覆蓋了所有的字符,包含標(biāo)點(diǎn)等字符。
如需進(jìn)一步了解,請(qǐng)學(xué)習(xí)我們的 完整 Unicode 參考手冊(cè)。
您知道嗎?
JavaScript 中,常見的是駝峰法的命名規(guī)則,如 lastName (而不是lastname)。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。