Python 前端開發之Javascript介紹

javascript介紹

Web前端有三層：

HTML：從語義的角度，描述頁面結構

CSS：從審美的角度，描述樣式（美化頁面）

JavaScript：從交互的角度，描述行為（提升用戶體驗）

其中JavaScript基礎又分為三個部分：

ECMAScript：JavaScript的語法標準。包括變量、表達式、運算符、函數、if語句、for語句等。

DOM：文檔對象模型，操作網頁上的元素的API。比如讓盒子移動、變色、輪播圖等。

BOM：瀏覽器對象模型，操作瀏覽器部分功能的API。比如讓瀏覽器自動滾動。

1、JavaScript歷史背景介紹

布蘭登 ? 艾奇（Brendan Eich，1961年～），1995年在網景公司，發明的JavaScript。

一開始JavaScript叫做LiveScript，但是由于當時Java這個語言特別火，所以為了傍大牌，就改名為JavaScript。如同“北大”和“北大青鳥”的關系。“北大青鳥”就是傍“北大”大牌。

同時期還有其他的網頁語言，比如VBScript、JScript等等，但是后來都被JavaScript打敗了，所以現在的瀏覽器中，只運行一種腳本語言就是JavaScript

JavaScript和ECMAScript的關系：

ECMAScript是一種由Ecma國際（前身為歐洲計算機制造商協會,英文名稱是European?Computer?Manufacturers?Association）制定的標準。 JavaScript是由公司開發而成的，問題是不便于其他的公司拓展和使用。所以歐洲的這個ECMA的組織，牽頭制定JavaScript的標準，取名為ECMAScript。 簡單來說，ECMAScript不是一門語言，而是一個標準。符合這個標準的比較常見的有：JavaScript、Action?Script（Flash中用的語言）。就是說，你JavaScript學完了，Flash中的程序也就輕而易舉了。 ECMAScript在2015年6月，發布了ECMAScript?6版本，語言的能力更強（也包含了很多新特性）。但是，瀏覽器的廠商不能那么快去追上這個標準。

2、JavaScript的發展：蒸蒸日上

http://2004.sina.com.cn/? ??http://2008.sina.com.cn/? ?http://2012.sina.com.cn/

上面三個網站可以感受一下網頁技術的發展。

發展歷程：

2003年之前，JavaScript被認為“牛皮鮮”，用來制作頁面上的廣告，彈窗、漂浮的廣告。什么東西讓人煩，什么東西就是JavaScript開發的。所以瀏覽器就推出了屏蔽廣告功能。 2004年，JavaScript命運開始改變，那一年，谷歌公司開始帶頭使用Ajax技術，Ajax技術就是JavaScript的一個應用。并且，那時候人們逐漸開始提升用戶體驗了。Ajax有一些應用場景。比如，當我們在百度搜索框搜文字時，輸入框下方的智能提示，可以通過Ajax實現。比如，當我們注冊網易郵箱時，能夠及時發現用戶名是否被占用，而不用調到另外一個頁面。 2007年喬布斯發布了第一款iPhone，這一年開始，用戶就多了上網的途徑，就是用移動設備上網。 JavaScript在移動頁面中，也是不可或缺的。并且這一年，互聯網開始標準化，按照W3C規則三層分離，JavaScript越來越被重視。 2010年，人們更加了解HTML5技術，HTML5推出了一個東西叫做Canvas（畫布），工程師可以在Canvas上進行游戲制作，利用的就是JavaScript。 2011年，Node.js誕生，使JavaScript能夠開發服務器程序了。 如今，WebApp已經非常流行，就是用網頁技術開發手機應用。手機系統有iOS、安卓。比如公司要開發一個“攜程網”App，就需要招聘三隊人馬，比如iOS工程師10人，安卓工程師10人，前端工程師10人。共30人，開發成本大；而且如果要改版，要改3個版本。現在，假設公司都用web技術，用html+css+javascript技術就可以開發App。也易于迭代（網頁一改變，所有的終端都變了）。 雖然目前WebApp在功能和性能上的體驗遠不如Native?App，但是“WebApp慢慢取代Native?App”很有可能是未來的趨勢。

3、JavaScript入門易學性

JavaScript對初學者比較友好。

JavaScript是有界面效果的（比如C語言只有白底黑字）。

JavaScript是弱變量類型的語言，變量只需要用var來聲明。而Java中變量的聲明，要根據變量的類型來定義。

4、JavaScript的組成

JavaScript基礎分為三個部分：

ECMAScript：JavaScript的語法標準。包括變量、表達式、運算符、函數、if語句、for語句等。

DOM：操作網頁上的元素的API。比如讓盒子移動、變色、輪播圖等。

BOM：操作瀏覽器部分功能的API。比如讓瀏覽器自動滾動。

PS：JS機械重復性的勞動幾乎為0，基本都是創造性的勞動。而不像HTML、CSS中margin、padding都是機械重復勞動。

5、JavaScript的特點

（1）簡單易用：可以使用任何文本編輯工具編寫，只需要瀏覽器就可以執行程序。

（2）解釋執行（解釋語言）：事先不編譯、逐行執行、無需進行嚴格的變量聲明。

（3）基于對象：內置大量現成對象，編寫少量程序可以完成目標

軟件開發 人工智能 云計算 機器學習

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。