站長(zhǎng)資訊網(wǎng)這幾天正好沒(méi)事，所以研究了一下h5前端。
h5是一個(gè)標(biāo)簽語(yǔ)言，里面各種各樣的標(biāo)簽相當(dāng)于ios里面各種各樣的控件，其實(shí)思維邏輯是跟ios差不多的，都是把控件創(chuàng)建出來(lái)，然后進(jìn)行布局。不扯了，下面甩個(gè)demo：
倒計(jì)時(shí).gif
簡(jiǎn)單說(shuō)一下思路：這是一個(gè)倒計(jì)時(shí)加載圖片的小demo，實(shí)現(xiàn)的思路很簡(jiǎn)單，就是先創(chuàng)建兩個(gè)控件，
和<p>，在css里面把布局寫一下，然后在javascript里面拿到這兩個(gè)標(biāo)簽，這里說(shuō)一下document 。document可以根據(jù)標(biāo)簽名 類 名字等拿到任意標(biāo)簽，相當(dāng)于變成了全局變量，
下面直接甩代碼：
<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .image{ margin: 10px; width: 200px; height: 200px; display: none; } .time{ margin: 10px; font-size: 200px; color: red; } </style> </head> <body>  <p class="time">10</p> <script> //根據(jù)類名取到對(duì)應(yīng)的標(biāo)簽 var image = document.getElementsByClassName('image')[0]; var time = document.getElementsByClassName('time')[0]; var timer= setInterval(function(){ time.innerHTML = time.innerHTML - 1; if(time.innerHTML == 0){ clearInterval(timer); time.style.display = 'none' image.style.display = 'inline-block'; } },1000) </script> </body> </html>
自我感覺(jué)js是一個(gè)（超級(jí)）弱類型的語(yǔ)言，比oc還要弱，var可以接收任意類型的變量，相當(dāng)于類型推導(dǎo)，相比于swift，簡(jiǎn)直太弱了，根本就沒(méi)有自己的立場(chǎng)，哈哈，開(kāi)個(gè)玩笑，不過(guò)這樣倒替我們省去不少事情。
在此歡迎大神指點(diǎn)，如果有喜歡的人，麻煩點(diǎn)個(gè)關(guān)注，謝啦，
【相關(guān)推薦】
1. 免費(fèi)h5在線視頻教程
2. HTML5 完整版手冊(cè)
3. php.cn原創(chuàng)html5視頻教程
