不懂JavaScript應(yīng)該怎樣學(xué)
[譯注: 可能你會說不翻譯里面推薦的參考資料一切都是枉然,但是重要的是文章作者提供的學(xué)習(xí)思路。具體的參考內(nèi)容你可以去Google相應(yīng)知識的中文版。]
翻譯不當(dāng)?shù)牡胤竭€請留言指正!
幫幫我!我不懂JavaScript [Help! I Don't Know JavaScript!]
June 5th, 2007, 作者 Michelle
為了幫助所有對Mootool有興趣卻碰上很多麻煩的人,我整理了這些能夠教給你開始從事客戶端應(yīng)用開發(fā)所需的所有知識的網(wǎng)上資源。
職業(yè)必備工具
這些是從事Web開發(fā)的前提條件。
Firefox: 從事開發(fā)工作一定少不了Firefox。但你還需要在你的電腦(以及其他測試計算機)上安裝好你打算兼容的所有瀏覽器,以方便進行跨瀏覽器支持測試。
必不可少的擴展
- Firebug: 有史以來最優(yōu)秀的插件。Firebug讓面對一大堆代碼抓狂的你清楚地了解處理你的頁面時瀏覽器內(nèi)部都發(fā)生了些什么。
- Web Developer Toolbar: 賦予你全面掌控站點的偉大力量。禁用JavaScript,查看網(wǎng)頁不帶CSS時的樣子,禁用訪問來源,啟用嚴(yán)格警告,以及更多。所有你能想到的Web Developer Toolbar都能給予。
學(xué)習(xí)基礎(chǔ)知識
別因為不懂HTML就在學(xué)習(xí)Web開發(fā)的道路上止步!
How to Create
這地方非常棒,不僅詳細(xì)介紹各種麻煩的細(xì)節(jié),而且對語義化和實踐優(yōu)化方面的課題也有所涉及。 總的來說,是非常不錯的人性化設(shè)計的基礎(chǔ)知識概覽。
Mozilla開發(fā)者中心[MDC]
大概是網(wǎng)上最全面的Web開發(fā)信息中心了, 特別是關(guān)于Firefox或Mozilla的信息。她應(yīng)該會成為您主要的參考資源。
- HTML
- CSS
- JavaScript
- 特別收錄: DOM
W3 Schools
基本上W3 Schools 可以提供給您所有Web技術(shù)的快速參考,而且比W3C提供的原始參考文檔要易讀得多。 MDC雖然更好,但手邊有一些快速參考資料總歸要好得多。
微軟開發(fā)人員網(wǎng)絡(luò) [MSDN]
不要被他們的名字唬住了——JScript是和JavaScript一樣的東西。如果沒記錯微軟應(yīng)該因為這一站點獲得了一兩個可用性方面的獎項。當(dāng)你和IE的不規(guī)范做斗爭時應(yīng)該常來這里看看。
[譯注:最近發(fā)現(xiàn)夢都網(wǎng)(中文)的HTML和CSS基礎(chǔ)教程和參考文檔很不錯,建議看看]
其他資源
如果你有點好奇心,可以經(jīng)??匆豢?A List Apart ,了解一些巧思妙技。
另外,請注意,Mootool在 strict doctype [嚴(yán)格文檔類型]中使用最佳。
譯注:Doctype即XHTML文檔頭部聲明指定的文檔類型。一般是如下形式:
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
JavaScript詳細(xì)
JavaScript,世上最酷的編程語言。 要想掌握J(rèn)avaScript,首先您需要明白,它和 <此處用你最喜歡的編程語言代替>完全不同。當(dāng)你明白了這一事實后,你可能會想要看看下面這些指導(dǎo)文章:
了解基礎(chǔ)
現(xiàn)在來點輕松的。Yahoo的一些大好人為世人上傳了很多普及性的視頻教程。這真的是件大好事,因為我們對JavaScript的學(xué)習(xí)簡單到了只需要花幾個小時看這些聰明的伙計們講話。
激動人心的 JavaScript三部曲
特別收錄
自食其力地進階
一旦你已完成上面的學(xué)習(xí),試著利用Google找尋您想知道的問題的答案,直到您能用原始的JavaScript代碼編寫出幾個有趣的跨瀏覽器Ajax應(yīng)用。沒什么不可能的,用不了多久你就可以拋開Google自己動手了。我認(rèn)為靠你自己的力量做點這些可以幫助你理解一個框架是如何實現(xiàn)應(yīng)用的,以及這些豐富的應(yīng)用背后的過程。
你可能也會覺得 JavaScript的知識鴻溝 是篇有意思的文章。
通過實例進行學(xué)習(xí)
如果你真的很想成為一個好的JavaScript代碼編寫者,最好的方式就是閱讀已洞悉個中奧妙的人編寫的代碼。也就是說,你可能需要 瀏覽MooTools的源碼 獲得一些啟迪。你不僅可以吸收很多好點子,通過這一過程,你還能更深層次的理解這一框架。
進階到更高水平
現(xiàn)在是時候下載Mootools啦!如果你確實完成了我上面列舉的大部分內(nèi)容的學(xué)習(xí),我們歡迎你到論壇上提問,在IRC聊天室里潛水,為Mootools社區(qū)做出您的貢獻。 試試下載完整的,未經(jīng)壓縮的源碼并將其應(yīng)用于你的開發(fā)工作??纯串?dāng)你對其做出修改時都會發(fā)生什么事。試著找出一些bug,提出相應(yīng)的解決辦法。做幾個插件。但是請保證在為你的插件命名時讓其看起來和Moo有關(guān)。
相關(guān)文章
JavaScript初學(xué)者應(yīng)注意的七個細(xì)節(jié)詳細(xì)介紹
種種語言都有它特別的地方,對于JavaScript來說,使用var就可以聲明任意類型的變量,這門腳本語言看起來很簡單,然而想要寫出優(yōu)雅的代碼卻是需要不斷積累經(jīng)驗的,接下來介紹初學(xué)者應(yīng)注意2012-12-12
JavaScript對內(nèi)存分配及管理機制詳細(xì)解析
本文主要講述了JavaScript的垃圾回收原理和具體的過程。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
Ajax responseText解析json數(shù)據(jù)案例詳解
這篇文章主要介紹了Ajax responseText解析json數(shù)據(jù)案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
寫給想學(xué)習(xí)Javascript的朋友一點學(xué)習(xí)經(jīng)驗小結(jié)
今天逛論壇時看到有朋友問,是否有專門教Javascript的學(xué)校,這里想想把自己的一點建議和自己3年來的前端Javascript開發(fā)的經(jīng)驗跟大家分享下,也給出幾本個人認(rèn)為不錯的書來做為大家學(xué)習(xí)的參考資料。2010-11-11
window.requestAnimationFrame是什么意思,怎么用
window.requestAnimationFrame 告訴瀏覽器您要執(zhí)行的動畫并且請求瀏覽器的在下一個動畫幀重繪窗口,方法在瀏覽器重繪之前作為一個回調(diào)函數(shù)被調(diào)用,就是告訴瀏覽器在刷新屏幕的時候,調(diào)用這個方法2013-01-01

