iT邦幫忙

2021 iThome 鐵人賽

DAY 28
0
自我挑戰組

從零開始前端學習(HTML、CSS、JavaScript) 系列 第 28

Day 28 JavaScript < 簡單介紹>

1.JS是什麼?

Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思)

腳本語言 : 不需要進行編譯,運行過程中由JS引擎逐行來進行解釋並執行

現在也可以使用Node.js技術進行服務器端編程

2.JS可以做什麼?

  • 表單動態檢驗(密碼強度檢測) (JS產生的最初目的)
  • 網頁特效
  • 服務端開發(Node.js)
  • 桌面程序(Electron)
  • APP(Cordova)
  • 控制硬件 - 物聯網 (Ruff)
  • 遊戲開發 (coco2d-js)

3.瀏覽器如何執行JS?

瀏覽器分成渲染引擎和JS引擎

  • 渲染引擎 : 用來解析HTML與JSS 俗稱內和,比如chrome瀏覽器的blink、老版本的webkit
  • JS 引擎 : 也稱為JS解釋器。用來讀取網頁中的JS帶法,對其處理後運行,比如chrome瀏覽器中的V8

瀏覽器本身並不會執行JS代碼,而是通過內置JS引擎(解釋器)來執行JS代碼。JS引擎執行代碼時逐行解釋每一句源碼,然後由計算機去執行,所以JS語言歸為腳本語言,會逐行解釋執行。

4.JavaScript的組成

JavaScript主要是由ECMAScript、DOM —— 文檔對象模型、BOM —— 瀏覽器對象模型三個部分組成

a.ECMAScript

ECMAScript是一門編成語言,也稱為JavaScript 或Jscript

這兩者都是ECMAScript的擴展,ECMAScript規定了JS的編程語法和基礎核心知識 是所有瀏覽器廠商共同遵守的JS語法工業標準

b.DOM —— 文檔對象模型

文檔對象模型(Document Object Model 簡稱DOM)

是W3C組織推薦的處理可過展標記語言的標準編程接口,通過DOM提供的接口可以對頁面上的各種元素進行操作 ( 大小 位置 顏色 等等)

c.BOM —— 瀏覽器對象模型

BOM(Browser Object Model 簡稱BOM) 是指瀏覽器對象模型,它提供了獨立於內容可以與瀏覽器窗口進行互動的對象結構。

通過BOM可以操作瀏覽器窗口,比如彈出框、控制瀏覽器跳轉、獲取分辨率等。


上一篇
Day 27 CSS3 < 動畫 animation>
下一篇
Day 29 JavaScript < 書寫方式>
系列文
從零開始前端學習(HTML、CSS、JavaScript) 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言