第6章 聽到你說謝（1 / 2）
第6章 ，聽到你說謝
「rk哪去了」依美走到藍韻身邊。
「灰溜溜地回去了」
「什麼叫灰溜溜，你們又怎麼了？」
「沒什麼，沒發生什麼，關係還是那樣，你不玩了？那我玩。」說著跑去阿名那邊。
阿星打開筆記本，有心無力地瀏覽網頁，想想依美沒來吃飯時那麼期待，來了之後又沒自己什麼事，心酸吶，唉聲嘆氣的。
突然身後的一聲「rk」讓他興奮了下，感覺像是天靈蓋被擊中了。
「你咋上來了，不玩啦」
「玩夠了吶，對了，其實今天過來呢，還有個目的，想讓你教下我前端」
「你想學前端？」阿星雀躍。
「學一點嘍，想懂一點皮毛。我是做ui的嘛，就是如果也懂點前端，畫圖的時候就能更有依據，不再是別人怎麼畫，也跟著怎麼畫，這樣前端在還原設計稿的時候也更有利，想有自己的一些更優化更具個性體驗更好的設計」
「nice，有想法啊」
「再者就是，說不定哪一天轉行，轉產品經理，或者轉前端，派得上用場。」
「未雨綢繆，深謀遠慮，very good。那我就先給你講幾個概念。前端開發，通俗講就是畫界麵。主要有h5，安卓，ios，小程序這四種。安卓和ios不擅長，h5和小程序我會」
「我就是要學的h5」
「h5其實也可以叫b前端開發，隻不過現在通常區分為h5做移動端，b則是電腦端，兩者沒啥差別。那h5開發通俗說就是做網頁。
網頁主要是由ht、css、javascrit構成，可以嵌入媒體文件，如視頻、音頻、圖片。」
「那個ht我知道，超文本標記語言」
「good，我們經常聽見的h5指的就是這個，已經發展到版本5，由w3c標準化組織製定。css就是層疊樣式表，簡單講就是樣式，javascrit即js，為腳本語言」
「腳本語言是什麼？」
「你可以理解為計算機編程語言的一種，就是一種嵌入頁麵，由瀏覽器解析的編程語言。」
「那這個是不是比較難」
「也不說太難，能夠冠以腳本語言就說明是輕量級，比起java，c#，c++那些簡單得多」
「那是不是不懂js就顯得沒什麼技術含量」
「可以這麼說，編程嘛，大同小異，主要看編程思想，實現功能的思路」
「那你先教我些簡單的，今天的目標就是了解個大概，難的我後麵再去研究。」
「我舉個簡單的例子，形象一點。如果把網頁比喻成人體，那麼ht相當於骨骼，構建了人體的框架結構；css相當於皮膚、衣服或者化妝品，修飾了人；網頁中嵌入的視頻音頻等媒體相當於人的器官；js相當於人的行為，比如說：我打，為什麼會有這個行為，因為有相應的腳本來支持。」
「哦，那挺好理解的」
「我現在弄個簡單的頁麵，在e瀏覽器上調試，你會更形象地理解」
「好啊，都用的e瀏覽器調試網頁的嗎」
「主流調試，也有其他的」
阿星用文本編輯器快速地敲起代碼。
「哇，你好快哦」
沒一會就整好，用瀏覽器打開了頁麵。
「吶，這是一個超簡單的頁麵，在這頁麵我們定義了一個元素，用div標記」
「div標簽我聽過，以前經常聽說div+css」
「對，就是它。我定義這個元素寬，高和邊框，css屬性用dth，height和border。吶，你看，我改變它們的值，這個元素也相應變化」
「是哦，好像挺好玩的，我來」說著阿星起身把座位讓給依美，然後靜靜地看著依美在那不亦樂乎。甚至還偷偷地聞了她的頭發，在心裡嘀咕道：真香，這莫非美女身上都自帶體香。有點醉人吶，好香，美人香。
「啊～」阿星驚叫一聲，藍韻不知道什麼時候神不知鬼不覺地站在了一旁，大笑起來。
「你是鬼啊，都沒聲音」阿星不悅。
「我一向出人意表，你不知道而已，耶，依美，我剛瞅見這臭青蛙有不軌行為」
「什麼鬼，哪有」
藍韻做了下聞頭發的動作，阿星無語。
「藍韻，學不學」
「這隻臭青蛙能教出什麼好學生」
「可以呀，他講得挺通俗易懂的，我一學就會，可以說完全就會了」
「就一些簡單的皮毛誰不會啊」
「耶，rk，如何把這元素變沒？」
「用disy屬性，值為none，它就沒了，啥也不是，哈哈」阿星說著示範了下，手指碰到依美的手背，美感入侵全身。
「耶，還真沒了」依美笑到。
「那怎麼再變回來？」
「把值改為block，表示顯示」
「嗯，又回來了，嘻嘻」
「如果在block後麵再加個!iortant，那麼這個樣式的優先級是最高的，其他的樣式都不能重寫它」阿星又示範了下。