web前端入門學習之路!JavaScript篇

JavaScript 編程語言 HTML CSS 前端 2017-04-28

在本文開始之前,如果要問JS可以看什麼書?

請移步那些年,我們追過的web前端開發經典書籍!

如果要問HTML、CSS怎麼學?

請移步前端入門學習之路!HTML、CSS篇

請隨手點擊關注!

web前端入門學習之路!JavaScript篇

1、什麼是 JavaScript?

JavaScript 是一門跨平臺、面向對象的動態的弱類型的輕量級解釋型語言,是一種基於對象和事件驅動並具有相對寧靜性的客戶端腳本語言。應用於 HTML 文檔可以大概在網站上提供動態的交互本領,他差異於 Java。簡略說便是基於欣賞器處理 HTML 文檔,實現種種網頁特效,相應用戶的種種操作,為網頁添加動態結果,提高用戶操作體驗,好比圖片滾動播放結果,點擊登錄按鈕彈出對話框,鼠標移入移出動畫,表單提交數據驗證等。

2、為什麼要學習 JavaScript?

JavaScript 通常被稱為 JS,他發明的目的,便是作為欣賞器的內置腳本語言,為網頁開闢者提供操控瀏覽器的本領,他可以讓網頁出現出種種特別結果,為用戶提供友好的互動體驗。隨著 Ajax 技能的出現,前端可以在不刷新頁面的環境下和後端舉行數據互換,更新頁面數據,jQuery 等庫的盛行讓 JS 編寫變得非常簡略,Bootstrap 框架更讓前端的成本無限變低,大大提高了前端開發的效率,JS 在前端前景非常遼闊。

隨著 Node 的頒佈,使得 JS 不但可以運行在前端,還可以運行在服務器上。這對 JS 來說是一次質的突破,Node.js 項目使得 JS 可以用於開發服務器端的大型項目,網站的前後端都用 JS 開闢已經稱為了現實。

至此 JS 除了可以被瀏覽器分析,也可以作為後端語言利用,越來越多的應用步調,將 JS 作為內嵌的腳本語言,可以用來構建移動端 APP,開闢 HTML 遊戲,可以不依賴於瀏覽器,構建桌面應用程序。

可以預期,最終只利用 JS 這一種語言,就可以開闢出順應差異平臺(桌面端,服務器端,手持端)的程序。在 Jeef Atwood 頒佈的博客中,他提出了著名的“Atwood定律”,即“任何可以大概用 JavaScript 實現的應用,最終都必將用 JavaScript 實現”。

相比學習其他語言,JS 很容易學習。只要有瀏覽器,就能運行 JS ,只要有文本編輯器,就可以編寫 JS 代碼。不用安置龐大的 IED(集成開闢環境)和編譯器。JS 的語法相對簡略一些,本身的語法不是特別多,而且語言機動,完全可以只用簡略的下令,完成大部門的操作。

雖然 JS 的核心語法不難學習,但是要真正學透還不是一件容易的事,JS 其實是很龐大的,隨著學習,越能領會到他的強大。JS 要發揮作用,必須與其他組件共同,這些外部組件五花八門,而且數量巨大,涉及到了網絡應用的各個方面,好比編輯器組件,QQ 空間提供的關注組件等,要掌握他們並非易事,必須下狠工夫。JS 語言有一些缺陷,在一些地方會出現奇特的運行結果,各主流瀏覽器對付 JS 的支持不盡雷同,兼容性是最讓人頭疼的事情,學習 JS,很大一部門時間都是用來搞清除哪些地方有陷阱。

只管這樣,JS 的地位還是無法動搖的,2015年頒佈的天下語言利用排名,JS 排在第七位,較2014年又有了提拔。Ecma(議決 Ecma-262 訂定腳本語言)加快了語言的標準化,使得 JS 成果日益增強,而語法缺陷和奇特之處也得到了補充,制止今年 JS 最新版本為 ECMAScript 2015,也叫 ES6,增長了許多新特性。以是,JS 還是值得學習的,不但要掌握,而且要學精,尤其對付 Web 前端開闢工程師尤為關鍵。

3、JavaScript 組成

JS 由三個部分組成:

ECMAScript:也叫解釋器,充當翻譯角色,這是 JS 的核心部分。

DOM:文檔對象模型(Document Object Model)。DOM 賦予了 JS 操作 HTML 的能力,即 document 操作。

BOM:欣賞器東西模型(Browser Object Model)。BOM 賦予了 JS 操作欣賞器的本領,即 window 操作。

4、JavaScript 用法

HTML 中的腳本必需位於 <script></script> 標籤之間。可以在 HTML 文檔中放入不限數量的腳本。腳本可位於 HTML 的 <head>或<body> 中,或同時存在於這兩個部分中。通常的做法是把函數放在 <head> 中,大概放在頁面底部,這樣不會滋擾頁面的內容。

也可以把腳本生存在外部文件中,文件擴展名為 .js,外部文件通常包羅被多個網頁利用的代碼。過細:在利用外部腳本時,腳本內不能包羅 <script> 標籤。

5、編寫 JavaScript 的流程

首先,也是最關鍵的,先要搞明白網頁結果的實現原理,要到達什麼目的,必要對哪些屬性做出修改,以及用戶的哪些操作,通過用戶的某種操作,一步步的構思 JS 實現的要領。

然後 HTML+CSS 佈局頁面。

接著選擇必要修改的屬性的名稱(id 或 class)。

再根據用戶的操作,選擇相應的觸發事件。

末了,在變亂中,根據第一步的構思,編寫 JS 代碼。

希望文章對你有所幫助

相關推薦

推薦中...