11_JavaScript基礎入門(1)

JavaScript簡介

1.JavaScript用途

前端三層javascript

  • 結構層  HTML(從語義的角度描述頁面的結構)
  • 樣式層  CSS(從審美的角度裝飾頁面)
  • 行爲層  JavaScript (從交互的角度提高用戶體驗)

JavaScript用來製做web頁面交互效果,提高用戶體驗。
交互效果前端

JavaScript在今天,若是你要離開他,步履維艱,網頁將沒法正常使用。java

2.JavaScript誕生

在1995 年 Netscape,一位名爲 Brendan Eich 的工程師創造了 JavaScript,隨後在 1996 年初,JavaScript 首先被應用於 Netscape 2 瀏覽器上。最初的 JavaScript 名爲 LiveScript(活力腳本),後來由於 Sun Microsystem 的 Java 語言的興起和普遍使用,Netscape 出於宣傳和推廣的考慮,將它的名字從最初的 LiveScript 更改成 JavaScript——儘管二者之間並無什麼共同點。這即是以後混淆產生的根源。node

幾個月後,Microsoft 隨着 IE 3 推出了一個與之基本兼容的語言 JScript(注意微軟的人生哲學,當它發現別人的東西很好的時候,就必須擰巴的推出本身的,而後本身的又被市場排斥,又開始兼容別人的)。又幾個月後,Netscape 將 JavaScript 提交至 Ecma
International(一個歐洲標準化組織), ECMAScript 標準初版便在 1997 年誕生了,隨後在 1999 年以 ECMAScript 第三版的形式進行了更新,從那以後這個標準沒有發生過大的改動。因爲委員會在語言特性的討論上發生分歧,ECMAScript 第四版還沒有推出便被廢除,但隨後於 2009 年 12 月發佈的 ECMAScript 第五版引入了第四版草案加入的許多特性。第六版標準已經於2015年六月發佈。程序員

ECMAScript是JavaScript的標準,如今咱們學習的版本的ECMAScript四、5。web

3.JavaScript從醜小鴨到金鳳凰

2003年:牛皮鮮,頁面上漂浮的廣告、彈窗廣告;因此當時的瀏覽器就推出一個功能,禁用廣告,實際上本質就是禁用JavaScript。頁面上的特效,都特別俗,好比鼠標後面跟隨的星星,而後工程師對JS的感受就是不用學習,生搬硬套,大量的「效果寶盒」軟件,一套就有各類特效了。沒有人琢磨語言特性。瀏覽器

2004年:谷歌打開了Ajax這個潘多拉的盒子,今後JavaScript被人重視,不少人開始學習JS語言。當時問世了兩本JS巨做《犀牛書》、《高級程序設計》。服務器

2007年:三層分離,iPhone發佈,人們開始重視用戶體驗。你們發現了,JavaScript是web頁面中製做交互效果惟一的語言,因此把JS的重視程度,提到了至關高的一個地位。招聘信息裏面開始出現獨立的「JS工程師」職位了,以前都是後臺工程師捎帶腳寫寫JS。markdown

2008年:Chrome瀏覽器發佈,V8引擎加快了JS的解析,以前的瀏覽器解析JS的時候卡頓卡頓的,動畫效果是蹦蹦的。在Chrome裏,它的引擎叫作V8,運行JS很流暢。app

2009年:jQuery變得流行,解決了瀏覽器兼容問題,製做頁面效果變得簡單,愈來愈多的初學者願意學習JavaScript。

2010年:Canvas畫布技術獲得衆多瀏覽器支持,能夠用Canvas替代Flash了,而且能製做小遊戲,好比偷菜、停車小遊戲。咱們有這個課程,作Flappy Bird、俄羅斯方塊、消消樂、接觸物理拋物線引擎。

2011年:Node.js獲得普遍應用,實際上就是把JavaScript運行在了服務器上,單線程非阻塞,可以讓企業用最小的成本實現後臺網站,好比以前4萬的服務器都卡,如今用了node以後,4000的機器都很流暢。

2012年:HTML5+CSS3的流行,也帶火了JavaScript。

2013年: hybrid app模式開始流行。就是作手機app的時候,老闆們發現要僱傭三隊人馬,iOS、Android、window phone。花三份工資,而且產品還很差迭代。因此人們發明了用網頁技術開發手機App的技術,叫作web app。hybrid app就是混合app,同時結合web技術和原生開發技術。省錢,好迭代。

2015年:ECMA6發佈,叫作ECMA2015。重量級的改變,把語言的特性顛覆性的一個加強。

4.JavaScript很是好學

好學的點是什麼:

  • JavaScript是有界面效果:不像C語言,黑底白字,很枯燥的。
  • JavaScript的語法來源於C和Java:有C和Java的經驗同窗好學不少。
  • JavaScript是弱變量類型的語言,動態數據類型語言。
  • JavaScript運行在宿主環境中,不關心內存,垃圾回收。

很差學的點是什麼:

  • 兼容性問題: IE8是個怪胎,不少東西都不同,因此就要寫兼容寫法,不怕造輪子,多寫幾遍
  • 花式寫法不少,抽象:從簡單入手,細細品味代碼
  • 太多細節:爲知筆記認真寫本身的筆記,本身作實驗;

5.學習方法

  • 要多去「品」程序,多去思考內在邏輯,讀懂每一行代碼!
  • JS機械重複性的勞動幾乎爲0,基本都是創造性的勞動。HTML、CSS都是重複的勞動,margin、padding擠來擠去。
  • 永遠不要背程序,每個程序都必須本身會寫,有一個天天的做業,重複老師的上課案例。

Hello World!

這事兒吧,挺有意思,就是學習任何的語言,咱們都喜歡在屏幕上直接輸出一點什麼,當作最簡單、最基本的案例。輸出什麼你們隨意,可是不少人都習慣輸出ldquo;hello worldrdquo;,世界你好。感受本身頗有情懷的樣子。

1.JavaScript書寫的位置

<script type="text/javascript">
    alert("Hello World!");
</script>

hello world

JavaSript程序,要寫在HTML頁面中,運行頁面的時候,這個頁面上的JS也就一塊兒運行了。也就是說,js的運行必須有宿主環境,最最多見的宿主環境,就是瀏覽器。
JS寫在

相關文章
相關標籤/搜索