iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 25
0
Modern Web

三十哩路,我的前端學習路程系列 第 25

Day25::從零開始的jQuery 學習紀錄 -3-

HTML、CSS、JavaScript如何共同運作?

網頁開發人員運用三種語言建立網頁
內容層(Content Layer)
這是頁面內容放置處,HTML會給予頁面完整的內容架構並增加語意。

表現層(Presentation Layer)
CSS運用樣式規則增強HTML頁面內容的表現方式。

行為層(Behavior Layer)
利用JavaScript更變頁面的行為增加互動性。

就像人一樣,HTML是我們的骨架、CSS則是我們的外衣,再加上JavaScript就變成能跑能跳的人了!

這三個分層形成了網頁建構的基礎方式,又被稱為漸進式加強。

敘述句(statement)

程式腳本或程式碼就是提供一連串指令,讓電腦依規則執行每一個指令或步驟。
和CSS相同,敘述句以分號最作為結尾。

敘述句是指令,且每一句必須從新的文字行開始
一句敘述句是一個可以讓電腦遵循的指令,每一句都必須要開始於新的文字行並且以分號結尾,這會讓你的程式碼更容易閱讀和遵循。
而分號也能夠讓JavaScript解譯器了解步驟什麼時候結束。

敘述句可以放置於程式區塊中
有些敘述句是被大括號所圍繞,這些敘述句稱之為程式區塊
大括號的結尾是不需要分號的。

要特別注意的是JavaScript有英文字母大小之分。

註解(comments)

在程式碼上加上註解,說明它們的用途,如此會讓你的程式碼更容易被閱讀和理解,同時也幫助你自己和其他需要閱讀你的程式碼的人。

多行註解
/* 為開始,*/ 為結束

單行註解
在程式碼的前端加上//就能進行註解


上一篇
Day24::從零開始的jQuery 學習紀錄 -2-
下一篇
Day26::從零開始的jQuery 學習紀錄 -4-
系列文
三十哩路,我的前端學習路程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言