Tagged

Front-end & Back-end & Programming Language

A collection of 78 posts

【 JavaScript ES6 】解構賦值 Destructuring assignment
Front-end & Back-end & Programming Language

【 JavaScript ES6 】解構賦值 Destructuring assignment

內容 學習目標 前置準備作業 陣列 陣列解構 陣列解構設預設值 陣列解構忽略元素 剩餘部份變成另一個陣列元素 互換數值 陣列與迴圈 物件 物件解構 物件解構設預設值 物件中包含另一個物件 物件解構指定新名稱 解構函式參數 物件與迴圈 學習目標 學習 JavaScript ES6 中的 陣列 與 物件 解構 前置準備作業 已安裝 Node.js 已安裝 Visual Studio Code 陣列解構 原始寫法 程式 執行結果 解構寫法 程式 說明 第三行使用陣列解構進行縮寫 執行結果 陣列解構設預設值 寫法 程式 說明 第三行使用陣列解構並設定初值 執行結果 陣列解構忽略元素

【 JavaScript ES6 】屬性與函式縮寫 Shorthand Property and Method Names
Front-end & Back-end & Programming Language

【 JavaScript ES6 】屬性與函式縮寫 Shorthand Property and Method Names

內容 學習目標 前置準備作業 屬性縮寫 Key Value 縮寫 函式縮寫 學習目標 學習 JavaScript ES6 中的 屬性 與 函式 縮寫 前置準備作業 已安裝 Node.js 已安裝 Visual Studio Code 屬性縮寫 原始寫法 程式 執行結果 縮寫 程式 說明 第四行因 Key 與 Value 名稱相同,故可進行縮寫 執行結果 Key Value 縮寫 原始寫法 程式 執行結果 縮寫 程式 說明 第五行可直接將變數值當成 Key

【 Node.js 】利用 .env 與環境變數隱藏敏感資訊
Front-end & Back-end & Programming Language

【 Node.js 】利用 .env 與環境變數隱藏敏感資訊

內容 學習目標 前置準備作業 專案初始化 dotenv 套件應用 學習目標 透過 dotenv 套件來隱藏敏感資訊 前置準備作業 環境已安裝 Node.js、npm與 Visual Studio Code 專案初始化 Step 1. 建立專案目錄 建立名為 dotenvSample 的專案目錄 本範例在桌面建立 dotenvSample 的專案目錄 dotenvSample 專案目錄內尚未有檔案 Step 2. 開啟專案目錄 開啟 Visual Studio Code 開啟 dotenvSample 專案 點選左上角的 Explorer 點選 Open Folder 點選 dotenvSample 再按右下的 打開 開啟專案後的畫面