851 1 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-08 # 什麼是 Middleware app.jsapp.use((req,res)=>{ console.log('new request made:'); console.log('host: ', req.hostname); console.log('host: ', req.path); console.log('host: ',...
1.3k 1 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-07 # ejs 預覽引擎 # 安裝 npm i ejs# 使用 app.set('view engine','ejs');並將 index.html 、 about.html 、 create.html 的副檔名改成 index.ejs 、 about.ejs 、 create.ejs 。 app.get('/',(req,res)=>{...
833 1 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-06 # 創建一個 express 專案 # 安裝 終端機npm i express# 使用 app.jsconst express = require('express');const app = express();app.listen(3000);app.get('/',(req,res)=>{ res.send('<p>Home...
1.6k 1 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-05 # 安裝包裹 (package) # 全域包裹 (nodemon) npm install -g nodemon# npm 初始化 終端機PS C:\Users\user\Documents\tuts\node>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries...
2.5k 2 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-04 # 請求方的重要物件 server.jsconst http = require('http'); // 導入 http 模塊 const server = http.createServer((req , res) => { console.log(req.url,req.method); // 輸出...
1.1k 1 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-03 # 建立伺服器的方式 我們會在 server.js 裡載入一個 http 原生模組。使用 http 模組提供的 createServer() 方法建立一個 http Server 包含回呼函式並使用 request 及 response 參數。 接下來我們開始分解動作: 在 Node 環境下建立一個檔案,檔名為 server.js 。 打開 server.js 並且載入一個 http 原生模組。 使用 http 模組提供的 createServer()...
3.3k 3 分鐘

完整程式碼,請洽: https://github.com/Zrn-code/Node-js-tutorial/tree/node-02 # node 基本語法 # 輸出 console.log() 使用 console.log() 可以在 console 中輸出變數 test.jsconst name = 'yoshi';console.log(name);運行結果為: 終端機PS C:\Users\user\Documents\tuts\node>node test.js //運行檔案yoshi //輸出結果# 箭頭函式 () => {...
5.7k 5 分鐘

隨著程式碼的內容除漸變多,許多重複的結構會顯得格外的笨拙而且不易維護。 函式的使用就相當的重要。 # 宣告函式 當開始重運某的流程,而複製使用了極為相似的程式碼,如果發現當中只有值是不同的,就可以考慮將那些片段封裝為函式,舉個例子: let max1 = a > b ? a : b;let max2 = x > y ? x : y;將流程中不同的引用數值設計為 參數 (Parameter): function max(n , m){ return n > m ? n : m;}在 JS 世界哩,宣告的方法是使用 function...
3.1k 3 分鐘

# 條件判斷 # if 語句 if 語句可以判斷敘述句是否成立,而是否執行該程式碼 let year = 2021;if(year == 2021){ console.log("hello world"); console.log("you are smart");}# else 語句 if 語句有時會包含一個可選的 else 塊。如果判斷條件不成立,就會執行它內部的代碼。 例如: let year = 2021;if (year == 2021) { console.log( 'You...
3.1k 3 分鐘

# 基本運算 # 數字 # 整數的基本運算 > 8 + 210> 8 - 26> 8 * 216> 8 / 24# 符點數的基本運算 > 0.1 + 0.1 +0.10.30000000000000004> 1.0 - 0.80.19999999999999996> 0.1 * 30.30000000000000004> 0.1 + 0.1 + 0.1 === 0.3false數字都是由 IEEE754 標準 64 位元浮點數,這個標準不是用小數點,而是分數 + 指數表示 例如: 0.5 = 1/2,0.875 = 1/2+1/4+1/8 像...