Front-End JavaScript

Node.js 在你家VSCode開Server

開啟你家的VSCode 開終端機 打入Node.js指令 cd 目標目錄 node 專案名稱.js 常見的問題: 以下這則資訊,可能會是新手比較常見的問題。 node : 無法辨識 'node' 詞彙是否為 Cmdlet、函數、指令檔或可執行程式的名稱。請檢查名稱拼字是否正確,如果包含路徑的話,請確認路徑是否正確,然後再試一次。 位於 線路:1 字元:1 + node…

2 years ago

Node.js Command Prompt實際操作

觀看本文章之前,最好先具備一些 JavaScript 的基本知識。 教學文章: https://www.runoob.com/nodejs/nodejs-http-server.html Node.js 與瀏覽器的差別 在瀏覽器裡面,變數是涵蓋在Global裡面 Node.js裡面 Global 是不能繼承各個專案的變數的 所謂的全域物件-操作 當你打開網頁的瀏覽器以下就是全域物件的屬性內容。 當你學過JavaScript 之後,我們按照同樣的方式在上面賦予記憶體、值。 打開你的Node.js Command Prompt 全域範例01 首先VS…

2 years ago

Node.js 是什麼?

Node.js是革命性的伺服器端執行環境,使用JavaScript語言來操作,具有以下亮點: 跨平台:Node.js適用於各種作業系統,確保應用程式的可攜性。 非阻塞I/O:它處理高併發,不會導致效能問題,保持應用程式反應速度。 生態系統豐富:Node.js的npm套件庫包含數萬個模組,極大簡化開發工作。 統一語言:前後端都使用JavaScript,促進開發無縫衔接。 在串接前端和後端資料方面: 處理HTTP請求:使用內建HTTP模組處理前端HTTP請求,編寫路由處理程序返回數據或HTML。 RESTful API:Express.js等框架簡化API開發,前端透過HTTP請求訪問和更新資料。 WebSocket通訊:實現雙向通訊,增加應用程式互動性。 數據庫連接:支援多種數據庫,使用套件連接並執行數據操作。 如何安裝Node.js。 步驟1:下載 Node.js 安裝檔案 Node.js 官方網站,通常我們都是下載 長期維護版本! https://nodejs.org/zh-tw 步驟2:選擇你的作業系統…

2 years ago

JS 函式內仍可以執行函式

在JAVASCRIPT 函式裡面,我們時常會安插其他函示的屬性資訊,所以今天來探討一下這個有趣的議題。 這次我們會在函式內部呼叫其他不同型別內容的函式,以及探討函式內的參數呼叫順序! 還記得火影忍者裡的配恩六道,一口氣轟掉木葉村? 當時的鳴人知道自己匯集仙術能量的掌握度不成熟,便用了作弊的方法... 把影分身藏在妙木山,3個影分身專注於匯集仙術能量,一旦真實的自己在戰場上沒有了查克拉或式仙術能量... 就是直接呼叫! 可讓自己隨時瞬間充滿能量! 然而... 我們等下說的函式內執行函式也與這個招大同小異! 範例程式 let varA =1; console.log(varA); function peparationOfWork(){ console.log('得知需求'); console.log('寫下項目並分析'); };…

2 years ago

Javascript -JSON 格式介紹與實作

JSON是什麼 JSON(JavaScript Object Notation)是一種輕量級的數據交換格式, 是 Javascript Object Notation 的縮寫。 通常先學 Javascript 再學 JSON ,因為它是 Javascript 衍生出的一項功能。 JSON 是根據 JavaScript 的物件實字…

2 years ago

JS – Read the Data in Object讀取物件內屬性的另一個方法

如題 僅演示該方法 讀取物件內屬性 當你的物件建立完成後, 你可以利用 [ 中括號 ] 去讀取屬性資料! 執行結果

3 years ago

JS Delete the Data in Object刪除物件資料

延用物件Dynamics 的範例去解說刪除物件內的屬性! https://www.educative.io/answers/what-is-the-delete-operator-in-javascript 加入刪除物件_屬性 加入delete 語句 執行結果

3 years ago

JS- Object is Empty 空物件/你的物件內屬性常常變動嗎?

理解物件的概念之後, 這裡示範空物件產生 空物件的用法, 一般是用在時常變動內部屬性的的物件名稱 何謂空物件 格式: Let 物件名稱 = {大括號}Object is Empty 執行結果 物件作用域外_新增屬性 把該物件名稱 Dynamics 加入其他的屬性 dog playStation food…

3 years ago

JS-DOM (Document Object Model)文檔物件模型

首先我們要了解DOM 的概念! DOM 全名為: Document Object Model 文檔物件模型 (DOM) 是提供我們寫程式的一種介面,可讓腳本語言(如 JavaScript)訪問網頁的結構和內容。 DOM 每一層都有自己的節點(Node),每個節點都有屬於自己的物件。 我們能透過DOM內建的屬性與方法去讀取或更改內容。 What is Document Object Model(DOM) ?…

3 years ago

JavaScript 白話物件範例

本身是工業機電整合 背景的工程師 喜歡土炮 + 自己架設環境的個性 又剛剛好是機械系畢業的... 接下來讓我用機械、機構、機件去解釋甚麼是 "物件" 資助一下肝肝的工程師吧! A_A ETH/ERC20 [ 物件-機械類比 ] 我們組成機械組成單位, 由大到小去闡述: 機件: 機構構成之最原始的構件 單位機構: 尚未達成完全機構功能要求,…

3 years ago