跳到主要內容

JavaScript的歷史由來及簡介_網頁設計公司


※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面



網站的第一印象網頁設計，決定了客戶是否繼續瀏覽的意願。台北網動廣告製作的RWD網頁設計，採用精簡與質感的CSS語法，提升企業的專業形象與簡約舒適的瀏覽體驗，讓瀏覽者第一眼就愛上它。



JavaScript的歷史由來及簡介


前言


這次寫一篇對於JavaScript的簡介，我們知道的編程語言有很多種，比如Java、C++、Python等等，每種編程語言都有其獨具的特色，不論是語法格式還是表達形式，都能讓每個程序員沉澱在知識的海洋里難以自拔。即每種編程語言都有無限的延展性，但如果我們考慮問題的時候追溯其根源，其實也不難發現每種編程語言都具有共同的初心，最直白的話就是人與計算機進行溝通的語言，在現實生活中，見什麼人說什麼話我們都很清楚，那在與計算機溝通的世界中，做什麼事用什麼編程語言溝通也是同樣的道理，前提就是我們要了解這些編程語言，在你需要選擇的時候做出正確的判斷，這也正是我寫此篇文章的意義。


JavaScript的歷史由來


 

 
在1994年，當時的網景公司（Netscape）憑藉Navigator這個瀏覽器成為了Web時代開啟最著名的第一代的互聯網公司。當時所用的第一版本的瀏覽器就是下圖中的瀏覽器，相信有很多年輕朋友都沒有見過這種瀏覽器。如果大家回想十年前或是十五年前，大家用的瀏覽器應該是IE瀏覽器，那個時候的瀏覽器跟現在的比如說谷歌瀏覽器、火狐瀏覽器等相比而言，那就是天壤之別了。

 


 


 


像上圖中這是最早版本的瀏覽器，整個瀏覽器都是靜態的，也就是用HTML和CSS寫的，並沒有像今天的各種瀏覽器一樣具有各種各樣的動態效果了，比如像網頁的圖片輪播、鼠標懸浮切換等效果。


網景公司就想在原來的靜態頁面的基礎上添加一些動態的效果，這時候網景公司出來一個很牛的人物叫布蘭登·艾奇，他用不到兩周的時間就設計出了能在網頁上實現動態效果的編程語言。


 


 


就是上圖中的人設計的這中能實現網頁動態效果的編程語言，並將其編程語言命名為JavaScript。


為什麼會命名為JavaScript呢？原因是在當時，Java非常火，網景公司希望借用Java在當時的名氣來進行推廣。其實事實上呢，JavaScript除了語法上有點像Java外，別的地方都跟Java沒有任何關係。


 


 


JavaScript和ECMAScript的關係


從上面講的JavaScript的由來中，我們就知道JavaScript由網景公司的布蘭登·艾奇開發出來的，一年後，微軟又模仿JavaScript開發出了一種編程語言叫JScript,再後來，陸續又有別的商家推出JavaScript的不同實現語言。這就導致JavaScript的語法和特性日益混亂，其標準化問題被提上日程。最終由歐洲計算機製造商協會（ECMA）以JavaScript1.1為藍本，制定了【ECMA-262】標準，並由此標準定義了一種新腳本語言ECMAScript。隨後，ISO也採用ECMAScript作為標準，各瀏覽器廠商便紛紛開始將ECMAScript作為各自JavaScript實現的基礎。


 


 


那到底JavaScript和ECMAScript有什麼關係呢? ECMAScript其實並不等同於JavaScript，它只是JavaScript的核心標準（語法、類型、語句、關鍵字、保留字、操作符、對象），而JavaScript還包括文檔對象模型（DOM）和瀏覽器對象模型（BOM）等。其中各主流瀏覽器對ECMAScript的支持都還不錯，但對DOM的支持相差較大，對於BOM一直沒有相關標準。最後再簡單總結一下就是：ECMAScript是一種語言標準，JavaScript是對ECMAScript的一種實現。


JavaScript版本



  • 1997年06月 :發布首版。


  • 1997年06月:修改規範完全符合ISO/IEC 16262國際標準。


  • 1998年6月，ECMAScript 2.0版發布。


  • 1999年12月，ECMAScript 3.0版發布，成為JavaScript的通行標準，得到了廣泛支持。


  • 1999年12月:增加正則、更好的文字處理、新的控制語句、try/catch異常處理、更加明確的錯誤定義，数字輸出格式等等。放棄發布。


  • 2007年10月，ECMAScript4.0版草案發布，對3.0版做了大幅升級，預計次年8月發布正式版本。草案發布后，由於4.0版的目標過於激進，各方對於是否通過這個標準，發生了嚴重分歧。以Yahoo、Microsoft、Google為首的大公司，反對JavaScript的大幅升級，主張小幅改動；以JavaScript創造者Brendan Eich為首的Mozilla公司，則堅持當前的草案。


  • 2008年7月，由於對於下一個版本應該包括哪些功能，各方分歧太大，爭論過於激進，ECMA開會決定，中止ECMAScript 4.0的開發，將其中涉及現有功能改善的一小部分，發布為ECMAScript3.1，而將其他激進的設想擴大範圍，放入以後的版本，由於會議的氣氛，該版本的項目代號起名為Harmony（和諧）。會後不久，ECMAScript 3.1改名為ECMAScript 5。


  • 2009年12月:完善了ECMASript 3版本、增加"strict mode," (嚴格模式)、以及新的功能，如getter和setter、 JSON庫支持和更完整的對象屬性。ECMAScript 5.0版正式發布。Harmony項目則一分為二，一些較為可行的設想定名為JavaScript.next繼續開發，後來演變成ECMAScript 6；一些不是很成熟的設想，則被視為JavaScript.next.next，在更遠的將來再考慮推出。


  • 2011年06月:ECMAscript 5.1版發布，並且成為ISO國際標準（ISO/IEC 16262:2011）。


  • 2013年3月，ECMAScript 6草案凍結，不再添加新功能。新的功能設想將被放到ECMAScript 7。


  • 2013年12月，ECMAScript 6草案發布。


  • 2015年06月:第六版的名字有很多，可以叫ECMAScript6 (ES6) ，也可以叫ECMAScript 2015 (ES2015) 。


  • 2015年6月17日，ECMAScript 6發布正式版本，即ECMAScript 2015。


  • 2016年06月:也被稱為ECMAScript 2016。完善ES6規範，還包括兩個新的功能:求冪運算符(*) 和array.prototype.includes方法。


  • 2017年06月:增加新的功能，如併發、原子操作、Object.values/Object.entries、 字符串填充、promises、 await/asyn等等。



JavaScript的組成部分


 


※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!



以設計的實用美學觀點，規劃出舒適、美觀的視覺畫面，有效提昇使用者的心理期待，營造出輕鬆、愉悅的網站瀏覽體驗。


 
JavaScript的三個主要組成部分是：ECMAScript(核心)，DOM（文檔對象模型），BOM（瀏覽器對象模型）。

 


ECMAScript(核心)


【ECMA-262】並沒有參照web瀏覽器，規定了語言的組成部分，其具體內容包括語法、類型、語言、關鍵字、保留字、操作符、對象等。


ECMAScript的兼容：



  1. 支持【ECMA-262】描述的所有"類型、值、對象、屬性、函數以及程序語法和語義" 。


  2. 支持Unicode字符標準。


  3. 添加【ECMA-262】沒有描述的更多"類型、值、對象、屬性和函數"，【ECMA-262】說的這些新增特性，主要是指該標準中沒有規定的新對象和對象的新屬性。


  4. 支持【ECMA-262】中沒有定義的"程序和正則表達式的語法"。也就是說可以修改和擴展內置的正則表達式語法。



DOM（文檔對象模型）


文檔對象模型(DOM)是針對XML但經過擴展用於HTML的應用程序編程接口（API）。DOM把整個頁面映射為一個多層次節點結構。HTML或者XML頁面中的每個組成部分都是某種類型的節點，這些節點又包含着不同類型的數據。


 


 


其實說白了，文檔對象模型(DOM)就是操作網頁上的那些標籤，來實現動態的效果。


在DOM中，頁面一般可以用分層節點圖表示。


 


 


DOM級別：



  • DOM1級於1998年10月成為W3C的推薦標準。BOM1由兩個模塊組成分別是DOM core和DOM HTML。


  • DOM core：規定如何映射基於XML的文檔結構，以便簡化對文檔中任意部分的訪問和操作。


  • DOM HTML：在DOM core的基礎上加以擴展，添加了針對HTML的對象和方法。


  • DOM2級在原來DOM的基礎上有擴充了鼠標和用戶界面事件、範圍、遍歷等細分模塊，通過對象接口增加了對css的支持。包括以下模塊：




  1. DOM Views（DOM視圖）：定義了跟蹤不同文檔視圖的接口。


  2. DOM Events（DOM事件）：定義了事件與事件處理的接口。


  3. DOM Traversal and Range(DOM遍歷和範圍)：定義了遍歷和操作文檔的接口。




  • DOM3級則進一步擴展了DOM，引入了加載和保存模塊以統一方式加載和保存文檔的方法；新增了DOM驗證模塊主要還是驗證文檔的方法。


BOM（瀏覽器對象模型）


瀏覽器對象模型(BOM)是處理瀏覽器窗口和框架，我們習慣上把所有針對瀏覽器的JavaScript擴展算作是BOM的一部分。包括以下：



  1. 彈出新瀏覽器窗口的功能。


  2. 移動、縮放和關閉瀏覽器窗口的功能。


  3. 提供瀏覽器所加載頁面的詳細信息的navigator對象。


  4. 提供瀏覽器所加載頁面的詳細信息的location對象。


  5. 提供用戶分辨率詳細信息的screen對象。


  6. 對cookies的支持。


  7. 像XMLHttpRequest和IE的ActionXobject這樣的自定義對象。



瀏覽器對象模型(BOM)其實很簡單，它包含了當前瀏覽器上的一些操作，比如說像關閉按鈕、刷新按鈕、前進和後退按鈕等等。


綜上來說，JavaScript就包含了以上這三部分內容，第一部分就是核心基礎語法，這是非常非常重要的東西，有了核心基礎的鋪墊，我們才能後續的學習文檔對象模型(DOM)和瀏覽器對象模型(BOM).文檔對象模型(DOM)就是操作一些網頁上的一些標籤元素，來實現網頁上的動態效果。而瀏覽器對象模型(BOM)就是像比如說滾動的行為，點擊回到頂部，還有刷新，前進，後退等操作。這些特性就是我們需要了解的內容，在你後續進行詳細學習的時候，就帶着這些特性疑問去學習，會有事半功倍的效果。




本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

※綠能、環保無空污,成為電動車最新代名詞，目前市場使用率逐漸普及化



台中景泰電動車行只是一個單純的理由，將來台灣的環境，出門可以自由放心的深呼吸，讓空氣回歸自然的乾淨，減少污染，留給我們下一代有好品質無空污的優質環境




Orignal From: JavaScript的歷史由來及簡介_網頁設計公司

留言

張貼留言

這個網誌中的熱門文章

Python 併發總結，多線程，多進程，異步IO

1 測量函數運行時間 import time def profile(func): def wrapper(*args, ** kwargs): import time start = time.time() func( *args, ** kwargs) end = time.time() print ' COST: {} ' .format(end - start) return wrapper @profile def fib(n): if n<= 2 : return 1 return fib(n-1) + fib(n-2 ) fib( 35 )   2 啟動多個線程，並等待完成   2.1 使用threading.enumerate() import threading for i in range(2 ): t = threading.Thread(target=fib, args=(35 ,)) t.start() main_thread = threading.currentThread() for t in threading.enumerate(): if t is main_thread: continue t.join()   2.2 先保存啟動的線程 threads = [] for i in range(5 ): t = Thread(target=foo, args= (i,)) threads.append(t) t.start() for t in threads: t.join()   3 使用信號量，限制同時能有幾個線程訪問臨界區 from threading import Semaphore import time sema = Semaphor...
張貼留言
閱讀完整內容

高雄十大包子名店出爐

, 圖文：吳恩文 高雄包子大賽落幕了，我只能就我個人意見， 介紹一下前十名這些包子，但是不能代表其他四位評審的意見，雖然身為評審長，我通常不會第一個表示意見，以免影響其他評審， 我主要工作是負責發問。   這次參賽的素包子很少，而且都不夠細致，又偏油，我不愛， 但是第一名的甜芝麻包－熔岩黑金包，竟然是素食得名－ 漢來蔬食巨蛋店。   這包子賣相太好，竹炭粉的黑色外皮刷上金粉，一上桌，眾人驚呼， 搶拍照，內餡是芝麻餡，混一點花生醬增稠，加入白糖芝麻油， 熔岩爆漿的程度剛剛好，我一直以為芝麻要配豬油才行、 但是選到好的黑芝麻油一樣不減香醇， 當下有二位評審就想宅配回家。   尤其特別的是，黑芝麻餡室溫易化，師傅必須要輪班躲在冷藏室內， 穿著大外套才能包，一天包不了多少，我笑說，漢來美食，集團餐廳那麼多，實力雄厚，根本是「 奧運選手報名參加村裡運動會」嘛，其他都是小包子店啊， 但是沒辦法，顯然大家都覺得它好看又好吃， 目前限定漢來蔬食高雄巨蛋店，二顆88元，可以冷凍宅配， 但是要排一陣子，因為供不應求，聽說，四月份， 台北sogo店開始會賣。   第二名的包子，左營寬來順早餐店，顯然平易近人的多，一顆肉包， 十塊錢，是所有參賽者中最便宜的，當然，個頭也小， 它的包子皮明顯和其他不同，灰灰的老麵，薄但紮實有嚼勁， 肉餡新鮮帶汁，因為打了些水，味道極其簡單，就是蔥薑，塩， 香油，薑味尤其明顯，是老眷村的味道， 而特別的是老闆娘是台灣本省人， 當年完全是依據眷村老兵的口味一步一步調整而來，沒有加什麼糖、 五香粉，胡椒粉，油蔥酥。就是蔥薑豬肉和老麵香，能得名， 應該是它的平實無華，鮮美簡單，打動人心。   這是標準的心靈美食，可以撫慰人心，得名之前，寛來順已經天天排隊，現在，恐怕要排更久了， 建議大家六七點早點上門。   第三名，「專十一」很神奇，我記得比賽最後， 大家連吃了幾家不能引起共鳴的包子，有些累，到了專十一， 就坐著等包子，其他評審一吃，就催我趕快試，我一吃， 也醒了大半。   它的包子皮厚薄適中，但是高筋麵粉高些，老麵加一點點酵母， 我心中，它的皮屬一屬二，至於餡又多又好吃，蛋黃還是切丁拌入， 不是整顆放，吃起來「美味、均衡、飽滿」。一顆二十元。   老闆是陸軍專科十一期畢業取名專十一，...
張貼留言
閱讀完整內容

韋伯連續劇終於更新 期待第一季順利完結

　　地球天文學界的跳票大王詹姆斯·韋伯空間望遠鏡 (James Webb Space Telescope，縮寫為 JWST)自 1996 年以來斷斷續續不按劇本演出的連續劇終於讓焦慮的觀眾們又等到了一次更新：五層遮陽罩測試順利完成。 裝配完成的韋伯望遠鏡與好夥伴遮陽罩同框啦。Credit: NASA 　　嚴格的測試是任何空間任務順利成功的重中之重。遮陽罩，這個韋伯望遠鏡異常重要的親密夥伴，要是無法正常運轉的話，韋伯的這一季天文界連續劇說不準就要一直拖更了。 　　詹姆斯·韋伯空間望遠鏡是歷史上造出的最先進的空間望遠鏡。它不僅是一架紅外望遠鏡，還具有特別高的靈敏度。但想要達到辣么高的靈敏度來研究系外行星和遙遠的宇宙童年，韋伯童鞋必須非常"冷靜"，體溫升高的話，靈敏度會大大折損。這個時候，遮陽罩就要大顯身手啦。 　　遮陽罩在韋伯的設計中至關重要。韋伯望遠鏡會被發射到拉格朗日 L2 點，運行軌道很高，遠離太陽、地球與月球。太陽是韋伯的主要熱量干擾的來源，其次是地球與月球。遮陽罩會有效阻斷來自這三大熱源的能量並保護韋伯維持在工作溫度正常運轉。這個工作溫度指的是零下 220 攝氏度(-370 華氏度；50 開爾文)。 上圖中我們可以看出，韋伯望遠鏡的配置大致可分為兩部分：紅色較熱的一面溫度為 85 攝氏度，藍色較冷的一面溫度達到零下 233 攝氏度。紅色的這部分中，儀器包括太陽能板、通信設備、計算機、以及轉向裝置。藍色部分的主要裝置包括鏡面、探測器、濾光片等。Credit: STSci. 　　遮陽罩的那一部分和望遠鏡的鏡面這部分可以產生非常極端的溫差。遮陽的這面溫度可以達到 110 攝氏度，足以煮熟雞蛋，而背陰處的部分溫度極低，足以凍結氧氣。 　　工程師們剛剛完成了五層遮陽罩的測試，按照韋伯在 L2 時的運行狀態安裝了遮陽罩。L2 距離地球約 160 萬公里。NASA 表示這些測試使用了航天器的自帶系統來展開遮陽罩，測試目前都已成功完成。韋伯望遠鏡遮陽罩負責人 James Cooper 介紹說這是遮陽罩"第一次在望遠鏡系統的电子設備的控制下展開。儘管這個任務非常艱巨，難度高，但測試順利完成，遮陽罩展開時的狀態非常驚艷"。 　　遮陽罩由五層 Kapton 製成。Kapton 是一種聚酰亞胺薄膜材料， 耐高溫絕...
張貼留言
閱讀完整內容