摘要:精致從細節做起。標準會在每年的月發布一次,作為當年的正式版本,便是年發布的正式版本。支持情況各大瀏覽器對的支持情況瀏覽器支持情況對的支持情況支持情況。在瀏覽器中基于實現的已經成為的重要組成部分。
精致從細節做起。前端的工作也有一段時間了,大大小小的前端框架都有接觸過,越是深入學習越是感覺之前的學習過于粗糙,基礎不夠扎實,于是準備近期把JavaScript的基礎知識點梳理一下,查缺補漏,做一名精致的JavaScripter。
本系列文章作為《JavaScript高級程序設計》(第3版)和《ECMAScript6入門》(第3版)的學習筆記,ES6相關知識點會有多帶帶標識。如有錯誤,歡迎指出;如有疑問的地方,請在文章下方提問。
一個完整的JavaScript實現由下列三個部分組成:
核心(ECMAScript)
文檔對象模型(DOM)
瀏覽器對象模型(BOM)
ECMAScriptECMAScript 是一門語言標準,JavaScript 便是在這基礎上構建的相對完善的腳本語言。
我們常見的 Web 瀏覽器只是 ECMAScript 實現的運行環境之一,運行環境不僅提供基本的 ECMAScript 實現,同時也會提供該語言的擴展——DOM,DOM 則利用 ECMAScript 的語法實現具體功能。其它宿主環境還有 Node 和 Adobe Flash。
ECMAScript 由下列部分組成:
語法
類型
語句
關鍵字
保留字
操作符
對象
ECMAScript、ES6 是什么意思?ES6 支持情況1996年,JavaScript 的創造者 Netscape 公司將 ECMAScript 提交給標準化組織 ECMA。次年,ECMA 發布262號標準文件(ECMA-262),并將這種語言稱為 ECMAScript,這個版本就是1.0。
2011年,ECMAScript 5.1版本發布后,就開始定制6.0版本,ES6泛指5.1版本后 JavaScript 的下一代標準,涵蓋了ECMAScript2015、ECMAScript2016、ECMAScript2017等等。
ECMAScript 標準會在每年的6月發布一次,作為當年的正式版本,ECMAScript2015 便是2015年發布的ECMAScript正式版本。
各大瀏覽器對 ES6 的支持情況:ES6瀏覽器支持情況;
Nodejs 對 ES6 的支持情況:Nodejs支持情況。
Babel 轉碼在開發過程中我們需要用到 ES6 的新特性,但又需要考慮瀏覽器的兼容性,這時候我們就可以使用 Babel 來幫助我們;使用 Babel 可以把 ES6 的代碼轉成 ES5 的代碼,從而讓我們的代碼可以在不支持 ES6 的環境運行;
babel快速入門手冊:點擊查看。
文檔對象模型(DOM)文檔對象模型(DOM,Document Object Model)是處理 HTML 或 XML 文檔的API;
DOM把整個頁面映射為多層節點結構,HTML 或 XML 頁面中的每個組成部分都是某種類型的節點,這些節點又包含著不同類型的數據。下面是一個 HTML 頁面節點結構的實例:
DOM 不是 JavaScript 獨有的,許多其他語言都實現了它。在 Web 瀏覽器中基于 ECMAScript 實現的 DOM 已經成為 JavaScript 的重要組成部分。DOM Level
1998年10月,DOM Level1 成為了 W3C 的推薦標準,為 DOM 的跨平臺開發奠定基礎。
DOM Level1 由兩個模塊組成:DOM Core 和 DOM HTML 。其中,前者提供了基于 XML 的文檔的結構圖,以便訪問和操作文檔的任意部分;后者添加了一些 HTML 專用的對象和方法,從而擴展了 DOM Core。
DOM Level2 在 DOM Level1 的基礎上引入了下列模塊,也給出了眾多新類型和新接口的定義:
DOM 視圖:定義了跟蹤文檔視圖的接口;
DOM 事件:定義了事件和事件處理的接口;
DOM 樣式:定義了基于 CSS 為元素應用樣式的接口;
DOM 遍歷和范圍:定義了遍歷和操作文檔樹的接口。
DOM Level3 進一步擴展了DOM,引入了以統一的方式載入和保持文檔的方法,以及驗證文檔的方法;DOM Core 開始支持 XML 1.0 規范。
DOM Level4 定義了基于事件和節點的平臺中立(platform-neutral)模型,增加了 Mutation Observers 作為 Mutation 事件的替換。
不同瀏覽器對于 DOM 的支持程度,可以在 caniuse - 點擊訪問 進行查詢。
瀏覽器對象模型(BOM)從根本上講,BOM 只處理瀏覽器窗口和框架,但人們習慣把所有針對瀏覽器的 JavaScript 擴展算作 BOM 的一部分,BOM 由下列部分組成:
彈出新瀏覽器窗口的功能;
移動、縮放和關閉瀏覽器的功能;
navigator 、 location 、 screen 、 XMLHttpRequest(ActiveXObject)對象;
對 cookies 的支持;
由于沒有 BOM 標準可以遵循,所有每個瀏覽器都有自己的實現,當然也存在一些默認的標準;現在有了 HTML5 ,BOM 有望朝著兼容性越來越高的方向發展。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/93232.html
摘要:小組最開始由兩名程序員和,一名工程師三人組成,后續有人員擴充。其中是最具代表性的人物,如今被稱為語言之父。后于年月日對外公布這門編程語言,標志著的誕生。官方宣稱全世界有萬開發者。數據顯示目前處于榜首。 歡迎你來到Java的世界,作為Java的第一篇文章不可免俗的要做一次介紹,這些東西往往比較枯燥所以我盡可能寫的有故事趣味一點。對于初學者歷史或者特性的東西瀏覽一遍有所了解即可,即使不知所...
摘要:一基礎接口的意義百度規范擴展回調抽象類的意義想不想通過一線互聯網公司面試文檔整理為電子書掘金簡介谷歌求職記我花了八個月準備谷歌面試掘金原文鏈接翻譯者 【面試寶典】從對象深入分析 Java 中實例變量和類變量的區別 - 掘金原創文章,轉載請務必保留原出處為:http://www.54tianzhisheng.cn/... , 歡迎訪問我的站點,閱讀更多有深度的文章。 實例變量 和 類變量...
摘要:配置好開發環境之后,我們來寫第一個程序。注原諒我這里只貼了張截圖,因為我覺得第一個程序你最好自己敲而不是復制粘貼。運行程序現在命令行窗口輸出了一句,如下圖好了,恭喜你,你已經是一名程序員了,太膩害了。注是編譯器,是運行器。 配置好開發環境之后,我們來寫第一個Java程序。 Step1:敲代碼 可以在任意目錄,為了方便管理我在D盤下新建了一個Source文件夾專門放代碼,又在Source...
閱讀 2077·2023-04-25 19:15
閱讀 2245·2021-11-23 09:51
閱讀 1264·2021-11-17 09:33
閱讀 2165·2021-08-26 14:15
閱讀 2476·2019-08-30 15:54
閱讀 1582·2019-08-30 15:54
閱讀 2167·2019-08-30 12:50
閱讀 1132·2019-08-29 17:08