回覆列表
-
1 # 自律更自由
-
2 # 老爐傳說
如果你基礎的html、css、js基礎都會了,要做現在的html5需要注意三個方面的學習。
第一、頁面上的容器控制,簡單說就是透過js對頁面上任意標籤的屬性、事件、內容、css樣式的動態處理,這塊推薦使用jQuery。比如更改一個id為main的div的內容,可以使用$("#main").html("新的內容");要更改div的背景色可以使用$("#main").css("background-color","#f00");要讓使用者點選div出發一個click事件可以用$("#main").click(function(){//要做的事情});為什麼要幹這些事情呢?因為我們在很多時候一個功能甚至一個應用只有一個主頁面,所有的功能頁面都是透過外部載入的方式進行處理的,這是就會涉及到資料進來,或者頁面進來以後的樣式或者內容的處理。
第二、非同步載入,也就是ajax載入,我們頁面上的資料不是在開啟網頁的時候就出現的,而是開啟網頁的時候或者點選某一個按鈕後從伺服器去載入資料。最簡單的就是後臺頁面對資料庫做處理,前端只需要傳送post請求到這個頁面就可以對資料庫進行增刪改查,這樣我們就完全把介面和資料分離開了。比如有一個翻頁的功能,你可以透過傳送一個post請求到後臺介面頁面,後臺介面頁透過你傳送的欄目id,頁數id給你返回對應JSON資料,當資料返回後,你可以把對應的json資料放置到頁面的列表中,這樣頁面其實只是對列表位置做了資料更改,速度非常快。
第三、學習js設計模式,現在的網頁涉及到頁面的載入和解除安裝,因此函式和變數的作用域問題就凸顯出來了,js設計模式可以透過面向物件的方式來幫你處理一些問題。這塊比較深入熟練以後再學也不遲。
其實在工作中都有問題,都發愁。
網頁什麼組成的 CSS + HTML + JS 咱先不說現在很多流行的前端框架,這三種你會用是無可厚非的吧。
我不知道別人,我寫CSS的時候有時候想不起來,我也得查 http://css.doyoe.com/ 我常用的一個網站。
Js 你有時間就把《Javascript高階程式與設計》看一看。
遇到問題不可怕,你要找解決問題的方法對吧。加油!~
本人還寫了一篇關於小程式入門的文章,求贊求關注。