將JavaScript和java作類比

JavaScript和java都是一門程式語言，至於兩者的關係，是雷鋒和雷峰塔的關係 V8是google開源的JavaScript引擎，用於執行JavaScript，類似JVM執行java位元組碼。在node.js誕生之前，V8是內置於Chromium中的，現在也內置於node.js中 node.js=V8+內建基本模組（大多用JavaScript編寫），類似JRE=JVM+java標準庫 node.js誕生之前，JavaScript只能運行於瀏覽器，現在也可以在伺服器端運行於node.js

JVM：JVM是JavaVirtualMachine(Java虛擬機器）的縮寫。它是java執行環境的一部分，是一個虛構出來的計算機，它是通過在實際的計算機上模擬模擬各種計算機功能來實現的。JVM是用來解析和執行Java程式的

js與node.js的區別

1、node.js是平臺，Js是程式語言；

2、js是客戶端程式語言，需要瀏覽器的JavaScript直譯器進行解釋執行；

3、node.js是一個基於Chrome JavaScript執行時建立的平臺，它是對Google V8引擎進行了封裝的執行環境；

4、node.js就是把瀏覽器的直譯器封裝起來作為伺服器執行平臺，用類似JavaScript的結構語法進行程式設計，在node.js上執行。

瀏覽器端和伺服器端JavaScript組成區別

JavaScript： ECMAScript（語言基礎，如：語法、資料型別結構以及一些內建物件） DOM（一些操作頁面元素的方法） BOM（一些操作瀏覽器的方法） Node.js： ECMAScript（語言基礎，如：語法、資料型別結構以及一些內建物件） OS（作業系統） file（檔案系統） net（網路系統） database（資料庫）

頂層物件不同 在JS中的頂層物件是window物件，但是在node中沒有什麼window物件，node中的頂層物件是global物件。這就是二者的差異性。 在window物件中，定義一個全域性變數是可以通過Window來訪問的，但是在node中是不能通過global物件來訪問的

js與node.js優缺點

1.原生js執行檔案依賴於瀏覽器； 2.node.js執行檔案的時候服務為終端； 3.原生js有相容性問題，node.js不存在相容性問題； 4.node.js可以進行本地的讀寫，伺服器搭建，連線資料庫等，而原生js無法做到。 node.js的優點：在專案中相當於中間層的使用 node.js類比Java中：JVM

Canvas顏色、樣式和陰影

繪製圖形

canvas fillRect() 方法 context.fillRect( x , y , width , height ); 預設的填充顏色是黑色 X:矩形左上角的 x 座標 Y:矩形左上角的 y 座標 Width:矩形的寬度，以畫素計 Height:矩形的高度，以畫素計

canvas strokeRect()方法 繪製矩形（不填色） context. strokeRect( x , y , width , height ); 預設的筆觸顏色是黑色 X:矩形左上角的 x 座標 Y:矩形左上角的 y 座標 Width:矩形的寬度，以畫素計 Height:矩形的高度，以畫素計

Canvas的屬性

顏色、樣式

context.fillStyle=“ color | gradient | pattern”; Color:指示繪圖填充色的 CSS 顏色值。預設值是 #000000（黑色） Gradient:用於填充繪圖的漸變物件（線性或放射性） Pattern:用於填充繪圖的 pattern 物件

context.strokeStyle=color | gradient | pattern”;返回用於筆觸的顏色、漸變或模式。 Color:指示繪圖筆觸顏色的 CSS 顏色值。預設值是 #000000（黑色） Gradient:用於填充繪圖的漸變物件（線性或放射性） Pattern:用於pattern筆觸的 pattern 物件

陰影

context.shadowColor=color; 返回用於陰影的顏色 預設值是 #000000 shadowColor 屬性與 shadowBlur 屬性一起使用，來建立陰影 context.shadowBlur=number; Number：陰影的模糊級數

通過使用 shadowOffsetX 和 shadowOffsetY 屬性來調節陰影效果

context.shadowOffsetX=number; 正值或負值，定義陰影與形狀的水平距離 context.shadowOffsetY=number; 正值或負值，定義陰影與形狀的垂直距離。

顏色、樣式和陰影的構造方法

createLinearGradient() 方法建立線性的漸變物件 context.createLinearGradient( x0 , y0 , x1 , y1 ); X0 ： 漸變開始點的 x 座標 Y0 : 漸變開始點的 y 座標 X1 : 漸變結束點的 x 座標 Y1 : 漸變結束點的 y 座標

使用 addColorStop() 方法配合規定不同的顏色顯示

addColorStop() 方法規定 gradient 物件中的顏色和位置 gradient.addColorStop(stop,color); Stop : 介於 0.0 與 1.0 之間的值，表示漸變中開始與結束之間的位置。 Color : 在結束位置顯示的 CSS 顏色值

canvas createRadialGradient() 方法建立 放射狀 / 圓形 漸變物件。 context.createRadialGradient(x0,y0,r0,x1,y1,r1); X0 : 漸變的開始圓的 x 座標 Y0 : 漸變的開始圓的 y 座標 R0 : 開始圓的半徑 X1 : 漸變的結束圓的 x 座標 Y1 : 漸變的結束圓的 y 座標 R1 : 結束圓的半徑

createPattern() 方法在指定的方向內重複指定的元素 元素可以是圖片、視訊，或者其他 <canvas> 元素 context.createPattern(“ image , repeat |，repeat-x |， repeat-y |， no-repeat"); Image : 規定要使用的圖片、畫布或視訊元素。 Repeat : 預設。該模式在水平和垂直方向重複。 repeat-x : 該模式只在水平方向重複。 repeat-y : 該模式只在垂直方向重複。 no-repeat : 該模式只顯示一次（不重複）