天天看點

JavaScript基礎入門--JavaScript簡介

一、簡單好學,富有表現力 —— javascript簡介

javascript用來制作web頁面互動效果,提升使用者體驗。

 簡單列出幾個javascript能夠制作的頁面效果,它能幹什麼:

輪播圖

JavaScript基礎入門--JavaScript簡介

tab欄(頁籤)

JavaScript基礎入門--JavaScript簡介

地圖

JavaScript基礎入門--JavaScript簡介

表單驗證

JavaScript基礎入門--JavaScript簡介

web前端三層來說:

結構層html從語義的角度,描述頁面結構

樣式層css從審美的角度,美化頁面

行為層javascript從互動的角度,提升使用者體驗

JavaScript基礎入門--JavaScript簡介

  布蘭登·艾奇(brendan eich,1961年~),1995年在網景公司,發明的javascript。一開始javascript叫做livescript,但是由于當時java這個語言特别火,是以為了傍大牌,就改名為javascript。如同“北大”和“北大青鳥”的關系。“北大青鳥”就是傍“北大”大牌。同時期還有其他的網頁語言,比如vbscript、jscript等等,但是後來都被javascript打敗,是以現在的浏覽器中,隻運作一種腳本語言就是javascript。

ecmascript是一種由ecma國際前身為歐洲計算機制造商協會,英文名稱是european computer manufacturers association,制定的标準。

javascript是由公司開發而成的,公司開發而成的一定是有一些問題,不便于其他的公司拓展和使用。是以歐洲的這個ecma的組織,牽頭制定javascript的标準,取名為ecmascript。

簡單來說ecmascript不是一門語言,而是一個标準。符合這個标準的比較常見的有:javascript、action script(flash中用的語言)。就是說,你javascript學完了,flash中的程式也會寫了。

ecmascript在2015年6月,釋出了ecmascript 6版本,語言的能力更強。但是,浏覽器的廠商不能那麼快的去追上這個标準。這些新的特性,我們後面的學習中深入,也會給大家介紹。

2003年之前,javascript被認為“牛皮鮮”,用來制作頁面上的廣告,彈窗、漂浮的廣告。什麼東西讓人煩,什麼東西就是javascript開發的。是以浏覽器就推出了屏蔽廣告功能。

2004年javascript命運開始改變了,那一年谷歌公司,開始帶頭使用ajax技術了,ajax技術就是javascript的一個應用。并且,那時候人們逐漸開始提升使用者體驗了。

JavaScript基礎入門--JavaScript簡介

 百度的智能感應

再比如:

JavaScript基礎入門--JavaScript簡介

  網易的ajax驗證

2007年喬布斯釋出了iphone,這一年開始,使用者就多了上網的途徑,就是用移動裝置上網。

javascript在移動頁面中,也是不可或缺的。并且這一年,網際網路開始标準化,按照w3c規則三層分離,人們越來越重視javascript了。

JavaScript基礎入門--JavaScript簡介

 聚劃算的手機頁面

2010年的時候,人們更加了解html5技術了,html5推出了一個東西叫做canvas(畫布),工程師可以在canvas上進行遊戲制作,利用的就是javascript。

JavaScript基礎入門--JavaScript簡介

 canvas制作的水果忍者

2011年,node.js誕生,使javascript能夠開發伺服器程式了。

JavaScript基礎入門--JavaScript簡介

今天,javascript工程師是絕對的吃香,能夠和ios、android工程師比肩,毫不遜色的。

現在,公司都流行webapp,就是用網頁技術開發手機應用。什麼意思呢?手機系統有ios、安卓、windows phone。那麼公司比如說開發一個“攜程網”app,就需要招聘三隊人馬,比如ios工程師10人,安卓工程師10人,windows工程師10人。共30人,工資開銷大。并且,如果要改版,要改3個版本。是以,現在公司,都用web技術,用html+css+javascript技術來開發app。好處是不用招聘那麼多工程師,隻需要幾個前端開發工程師即可。并且也易于疊代,就是網頁一改變,所有的終端都變了。

javascript在“對初學者友好的語言”排行榜中排名第一。

javascript是有界面效果的,比如你學習c語言,對不起,白底黑字。而javascript有絢麗的效果,效果是可見的。你的勞動,是真真正正有效果啊。

javascript是弱變量類型的語言,變量隻需要用var來聲明。java中變量的聲明,要根據變量是什麼類型的來聲明:

javascript中,隻用一個:

javascript不用關心一些其他的事情,比如記憶體的釋放,指針。程式員隻需要關心自己的業務,不需要關系這些雞毛蒜皮的破事兒。

javascript分為幾個部分:

● 語言核心 - 基礎班隻學習語言核心,變量、表達式、運算符、函數、if語句、for語句

● dom -以後會學習,就是控制html中的元素,比如讓盒子移動、變色、輪播圖。dom是啥,以後會學習。

● bom - 以後會學習,就是控制浏覽器的一些東西,比如讓浏覽器自動滾動。bom是啥,以後會學習。

javascript的學習方法和html、css有着非常大的差別:

● 要多去“品”程式,多去思考内在邏輯。 html、css好比富士康,人力密集型;js好比發條手表,很精密,令人啧啧稱奇。

● js機械重複性的勞動幾乎為0,基本都是創造性的勞動。而不像html、css中margin、padding都是機械重複勞動。

● 永遠不要背程式,每一個程式都必須自己會寫。今後有一個隐性作業,重打老師的每一個案例。

我們的基礎的js課程,最大的目的就是讓純小白,純0基礎的學生體驗到什麼是程式設計、什麼是邏輯,如何程式設計,程式設計如何思維?程式設計的樂趣。是以,我們js基礎,不介紹細枝末節的東西,以後會學習再說。換句話說,基礎的知識,就是應該會的一些皮毛。一些奇怪的東西,基礎不介紹比如:

這些東西,随着後面學習的深入,都會介紹。最後能成為js的面試專家。

二、javascript是前台語言,而不是背景語言

JavaScript基礎入門--JavaScript簡介

javascript運作在客戶的電腦裡面,而不是伺服器上,是以我們稱為“前台語言”。javascript就是一個簡單的制作頁面效果的語言,不能操作資料庫。就是服務于頁面的互動效果、美化、絢麗。

“背景語言”是運作在伺服器上的,比如php、asp、jsp等等,這些語言都能夠操作資料庫,都能夠對資料庫進行“增删改查”操作。

(node.js除外,先别管node.js是什麼)。

● 比如一個圖書館,要開發“圖書借閱程式”,能夠記錄每個學生借了什麼書,有沒有按時歸還,不能用js開發!因為,設計資料庫的資料記錄。

● 比如,一個公司要開發“訂餐系統”,每天上午11:00統計所有的員工想吃什麼?不能用js開發。因為涉及資料庫的資料記錄。

● 比如,一個公司的網頁想要做的漂亮、有互動效果,絢麗。用js開發。

繼續閱讀