首先我們先從最基本的前端知識入手html+css+JavaScript
很多人喜歡一上來(lái),就從書(shū)本開(kāi)始啃,例如JavaScript書(shū)隨便一本那么厚,
等你啃完了,你的學(xué)習熱情就沒(méi)了,而且容易學(xué)了后面忘了前面
所以我們現在要做的就是從最基礎的知識開(kāi)始,
先了解我們用他們能干什么?
再了解如何使用他們?
至于使用的他們好與壞,與開(kāi)發(fā)經(jīng)驗和熟練程度有關(guān)。
下面就開(kāi)始基礎教程吧,自己看,自己學(xué),自己理解!誰(shuí)都幫不了你。
http://www.w3school.com.cn/html/index.asphttp://www.w3school.com.cn/css/index.asphttp://www.w3school.com.cn/js/index.asp當我看完了html+css+JavaScript各自的手冊后,只是了解個(gè)大概,
想馬上就牛逼,想馬上就能很好地使用,你也別想了
僅僅是了解個(gè)大概!
想很好地使用他們,還是得練習,自己試著(zhù)開(kāi)始慢慢寫(xiě)代碼,不清楚就查手冊
要怎樣才能深入地學(xué)習呢?
那我們就挑選最重要的東西先學(xué),基本的語(yǔ)法知識可以在寫(xiě)代碼的過(guò)程中來(lái)不斷強化。
HTML DOM的了解
訪(fǎng)問(wèn)和操作 HTML 文檔的標準。DOM 是 Document Object Model(文檔對象模型)的縮寫(xiě)。
http://www.w3school.com.cn/htmldom/index.asp不學(xué)習這個(gè),你怎會(huì )知道html的結構和如何操作html中的元素呢
javaScript基本數據類(lèi)型
字符串、數字、布爾、數組、對象、Null、Undefined
var x // undefined表示變量不含有值
var person=null //將變量的值設置為 null 來(lái)清空變量。
var x=true //布爾
var x = 6; // 數字
或者var x1=34.00; // 數字
var y=123e5; // 數字
var x = "Bill"; // 字符串
var cars=["Audi","BMW","Volvo"];//數組
var person={firstname:"Bill", lastname:"Gates", id:5566}; //對象
現在你最起碼得學(xué)會(huì )如何操作這些數據類(lèi)型吧,以后寫(xiě)代碼不就是如何操作、使用這些數據結構嘛
我認為,你以前有編程經(jīng)驗的,在學(xué)習一門(mén)新語(yǔ)言時(shí),明白了如何使用和操作基本的數據類(lèi)型,
就可以認為你基本上學(xué)會(huì )了這門(mén)語(yǔ)言了,只是你現在使用起來(lái)還不太熟悉,不能寫(xiě)出復雜的要求的代碼
但基本看懂別人寫(xiě)的代碼不會(huì )有問(wèn)題
內部的JavaScript
HTML 中的腳本必須位于 <script> 與 </script> 標簽之間。
腳本可被放置在 HTML 頁(yè)面的 <body> </body>(一般在該標簽的最底部)和 <head> </head>部分中。
alert("My First JavaScript");
那些老舊的實(shí)例可能會(huì )在 <script> 標簽中使用 type="text/javascript"?,F在已經(jīng)不必這樣做了。
JavaScript 是所有現代瀏覽器以及 HTML5 中的默認腳本語(yǔ)言。
外聯(lián)js
也可以把腳本保存到外部文件中。
實(shí)例
<script src="myScript.js"></script>
JavaScript:對事件作出反應
HTML 事件的例子:
首先當點(diǎn)擊鼠標按鈕時(shí),會(huì )觸發(fā) onmousedown 事件,
當釋放鼠標按鈕時(shí),會(huì )觸發(fā) onmouseup 事件,
最后,當完成鼠標點(diǎn)擊時(shí),會(huì )觸發(fā) onclick 事件。
當網(wǎng)頁(yè)已加載時(shí)------------------onload 和 onunload 事件
當圖像已加載時(shí)
當鼠標移動(dòng)到元素上時(shí)------------onmouseover 和 onmouseout 事件
當輸入字段被改變時(shí)--------------onchange 事件
當提交 HTML 表單時(shí)-------------onsubmit事件
當用戶(hù)觸發(fā)按鍵時(shí)
onfocus當輸入字段獲得焦點(diǎn)時(shí),改變其背景色。
實(shí)例
<button type="button" onclick="alert('Welcome!')">點(diǎn)擊這里</button>
通過(guò)可編程的對象模型,JavaScript 獲得了足夠的能力來(lái)創(chuàng )建動(dòng)態(tài)的 HTML。
JavaScript 能夠改變頁(yè)面中的所有 HTML 元素
JavaScript 能夠改變頁(yè)面中的所有 HTML 屬性
JavaScript 能夠改變頁(yè)面中的所有 CSS 樣式
JavaScript 能夠對頁(yè)面中的所有事件做出反應
JavaScript:改變 HTML 內容
使用 JavaScript 來(lái)處理 HTML 內容是非常強大的功能。
實(shí)例
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改變內容
JavaScript:改變 HTML 樣式
改變 HTML 元素的樣式,屬于改變 HTML 屬性的變種。
實(shí)例
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改變樣式
以上這些知識點(diǎn),在基礎教程中都提到過(guò)的,我這里只是把重要的提出來(lái)了
詳細清楚的學(xué)習,請移步基礎教程??!
你也可以挑選出你認為重要的知識點(diǎn)來(lái)加強學(xué)習,
因為每個(gè)人的知識結構是不一樣的。
學(xué)習css樣式表時(shí),我認為最重要的就是盒子模型
對有過(guò)界面開(kāi)發(fā)經(jīng)驗的人來(lái)說(shuō),盒子模型概念早就大腦中了,例如做Android界面開(kāi)發(fā)
是不是發(fā)現是一樣的,所以說(shuō),很多技術(shù)都相似的,相通的。
至于如何寫(xiě)好css樣式,對初學(xué)者來(lái)說(shuō),你急不來(lái),那是在實(shí)際開(kāi)發(fā)中,多寫(xiě)多練,熟練
了就會(huì )了。