如何入門學習JavaScript
做網頁單單做出了一個靜態頁面是遠遠不夠的,那麼需要什麼才能時頁面變的更加的多樣化呢?下面小編來給大家來介紹一種腳本語言JavaScript。
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客户端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
如果你正初學JavaScript並有着和我一樣的處境的話我建議你:初學JavaScript的時候無視DOM和BOM的兼容性,將更多的時間花在瞭解語言本身(ECMAScript)。只在特定瀏覽器編寫代碼(Chrome/Firefox/Safari),實際工作中使用成熟的JavaScript框架(jQuery等)。放心,很少有公司會讓JS新手用原生JS做前端開發。
忠告:
1,不要着急看一些複雜網頁效果的代碼,這樣除了打擊你自信心,什麼也學不到。沒達到一定的武功水平,割了小JJ也學不會葵花寶典的。
2,別急着加技術交流QQ羣,加牛人QQ。如果你找張三丰交流武功,你上去第一句問“豐哥,where is 丹田?”,你會被他一掌劈死的。
3,看網上什麼多少天精通JS,啥啥啥從入門到精通,這種教程直接跳過吧,太多的事實證明,以一種浮躁的心態去做任何事都會以失敗而告終。
4,千萬別去弄啥電腦培訓,花了錢和時間不説,關鍵是學不到東西。本來你買兩本好書自學3個月能學會的,他們硬是能折騰你兩年。
第一階段:《JavaScript高級程序設計》
有的書是用來成為經典的,比如犀牛書;還有些書是用來超越經典的,顯然這本書就是這種。書中章章經典,由淺入深,其中第6章,關於JS面向對象的解説,沒有教程出其右。
這本書強烈推薦購買,寫的太TMD牛逼了,給你帶來的價值超過百倍千倍。
這本書最新的是第三版,貌似就是前些日子出來的,我看的是第二版,第三版相對第二版變動不大,添加了幾章內容,價格目前相差10元左右。
接下來,恭喜你可以下山了,這個時候可以自己做一些事情了
你可以去Ferris這個教程看看他寫的這些效果,看看源代碼,怎麼樣,是不是覺得有一部分很簡單了,嘗試着跟着他寫一寫這些效果吧。
學技術閉門造車是行不通的,適當的加一兩個QQ羣交流(注重質量),常去論壇逛逛,你會經常有些小收穫的`。
再有就是看看前輩這些牛人前輩們分享的文章,它會讓你的學習事半功倍的,這裏是熱心人收集的國內一些牛人的博客、個人網站,點這裏。
第二階段:《JavaScript語言精粹》和《高性能JavaScript》
接下來兩本書《JavaScript語言精粹》和《高性能JavaScript》算是JS高級教程的補充,裏面有一些內容和JS高級教程重複了,兩本書可以同時看,都不厚,可以對前面所學的有一個很好的加強和鞏固。
第三階段:《JavaScript DOM高級程序設計》和《JavaScript設計模式》
在吃透了前面所説的書之後,接下來兩本書的順序已經無關緊要了,《JavaScript DOM高級程序設計》(注意和《JavaScript 高級程序設計》相區別)和《JavaScript設計模式》,這兩本都是重量級的書,能讓你的JS技術上一個新的台階;這兩本書前者主修煉外功,後者主修煉內功,有點想乾坤大挪移和九陽神功的關係。
《JavaScript DOM高級程序設計》 首先教你搭建一個類似JQuery的額工具函數庫,然後通過講解幾個實際中經常遇到的幾個應用例子,會讓初學者受益匪淺。
《JavaScript設計模式》主要講Javascript的設計模式,説實話,翻譯的質量很一般,有些生硬,但已經基本不影響你的學習,看代碼完全可以理解出自己的意思。
注意事項:
1:千萬不要拿JavaScript權威指南當入門書籍
2:應該用JavaScript高級程序設計(第三版)作為入門書籍
3:傳值和傳值、作用域知識必須理解
4:調試工具必須懂並多用,學會自己捕捉錯誤。(chrome developer tool/Firebug)
5:耐心再耐心,對每一個知識點深挖能學的更輕鬆。
-
網頁設計黃金配色原則是什麼
身為網頁設計新手的你,是不是還在糾結於你製作的網頁找不到一組完美的配色方案?在本教程中我們將與你分享6條肯定會火,並且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是規則,你會在你的職業生涯中創造出更多的配色...
-
javascript設置創建動態表格的方法
兩種JavaScript動態創建table表格的方法,分享給大家,具體實現如下方法一:最原始的方法,創建一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//開始appendchild()追加各個元素ndChild(a4);ndChild(a3);nd...
-
JavaScript 小型打飛機遊戲實現和原理説明
JavaScript小型打飛機遊戲實現和原理説明玩法説明:上下左右控制移動,空格發彈。每打中一個敵機就加100分,每提升5000分,玩家的飛機的一次發彈數就加一,最多四,被敵機撞到或者讓敵機飛到底部就算輸。。。。演示代碼:http://demo./js/FlyBeat/遊戲目前的功能還是比較簡...
-
Dedecms中常用數據調用的sql語句
本文實例彙總了Dedecms中常用數據調用的'sql語句。分享給大家供大家參考。具體如下:{dede:sqlsql="selectcount(*)ascfromdede_archiveswherechannel=1"}共有文章:[field:c/]篇{/dede:sql}{dede:sqlsql="selectcount(*)ascfromdede_archiveswherechannel=2"}共...