為了夢想、永不停歇

# 變數 # let 與 const let 被稱作為變數對應的值會產生變動，與其相對的是 const 即為常數對應的值不能再變動。 let 與 const 是 ES6 新增的語法，在環境允許的狀況下，這兩者會被優先使用。 JS 在紀錄變數上採取的是動態定型語言，變數本身沒有型態資訊，運用變數型態不須特別宣告。因此，x 的值由數字轉為字串也不會出錯。 > let x = 200undefined> x = 'Zrn Ye''Zrn Ye'>動態定型語言界中流行鴨子定型 (Duck...

# 基本型態 # 數字 在 JS 的世界裡，所有的數字都是標準 64 位元浮點數 # 進位制 進位制 開頭 備註 十進位 無 預設 十六進位 0x 0 ~ 9,A ~ F 八進位 0o 0~7 二進位 0b 0~1 > 1010> 0xA10> 0o1210> 0b101010># 科學記號 > 5.231e1352310000000000> 1.31e-321.31e-32># 極限值 # 浮點數 > Number.MIN_VALUE5e-324>...

# 使用 REPL 使用 REPL (Read-Eval-Print-Loop) 環境中進行，這是一個簡單、互動性的程式設計環境。 開啟「命令提示字元」，直接輸入 node 指令 (不用加引數) 命令提示字元C:\Users\user> node Welcome to Node.js v14.15.4.Type ".help" for more information.># 測試 簡單的撰寫一些小指令來測試吧！！從加法運算開始測試吧～ 命令提示字元> 1 + 23> _3> 1 + _4> _4> _ 代表的是上次運算的結果 #...

# 認識 javascript # 不是 Java javascript 誕生於 1995 年 5 月，只因商業考量冠上當時具話題性的「Java」。Javascript 與 Java 之間，除了基本語法及一些關鍵字相似外，在風格上或典範上是完全不同的語言。 # ECMA-262 語言規範 ECMA-262 於 1997 年 6 月正式釋出首個版本，也被稱為 ECMAScript。Javascript 在定位上，成為實現 ECMAScript 的語言，只不過開發者多半還是使用 Javascript 這個名稱。 # ECMA-262 第三版 ES3 真正最早普及，也是 Javascript...

# Javascript 與 Node.js 比較 # javascript 組合部件 說明 作用 核心 ECMAScript 描述 JS 本身的相關內容 語言基礎 文件物件模型 DOM 整合 JS、CSS 和 HTML 處理動作頁面元素 瀏覽器物件模型 BOM 整合 JS 與 瀏覽器 操作瀏覽器 # Node.js 組合部件 說明 作用 ECMAScript 語言基礎 語言基礎 OS 作業系統互動部分 後台的作業系統能力 File 檔案系統 操作檔案能力 Net 網路系統 操作網路 Database 資料庫 操作資料 # 第一個 Node.js 實現 Hello...

這是一篇加密文章，需要輸入密碼才能閱讀。

# 前言 隨著 Node.js 的問世，前端開發者的觸角也逐漸蔓延到後端，甚至透過 Electron.js 這類強大的套件，也可以製作出完整的桌面 GUI 應用程式； 藉由 Node.js，前端開發者得以使用較為熟悉的 JavaScript 為敲門磚，逐步的拓展自己的技術守備範圍。 但為什麼為了網頁而生的語言可以透過 Node.js 跑在伺服器端呢？要解開這個問題，就得從認識 Node.js 出發。 # Node.js 是什麼？ 「runtime」 指的是執行環境，就如同網頁上的 JavaScript 是在瀏覽器的 JavaScript 引擎上執行，Node.js 就是一個能執行...

# 下滑選單 See the Pen XWjdZbq by Zrn (@zrn) on CodePen. # 網站引導 See the Pen nav by Zrn (@zrn) on CodePen. # 按鈕設計 See the Pen See the Pen # 選單設計 See the Pen # 日歷設計 See the Pen # 讀取動畫

# 文字 # 顏色 <p>我是紅色的喔</p>p{ color: red; /*color: rgb(255,0,0);*/ /*color: #ff0000*/ /*color: hsl(0, 100%, 50%)*/}效果演示 我是紅色的 # 大小 <p class="red">我是一個紅色的大標題<p><p>我是一段內容喔</p>p{ font-size:...

# HTML 標題 <h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6>效果演示 Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading...