Tag: JS

Node.js可以提供你很多模組，今天來探索如何使用 Node.js 的 http 模組來架設一個簡單的伺服器。 本篇使用模組require 載入你所需要的模組。這次我們使用‘http’ 模組來創造一個簡單的server。 資料參考 Node.js – createServer 起手式 – iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天 (ithome.com.tw) 1.創建你的第一個 Node.js 伺服器 我們先載入 http 模組，使用 […]

針對Node.js來談談 require、module以及exports 模組設定。這些概念允許開發者將大型程序分解成小的、可管理的、可重用的部分，稱為模塊。 下面將逐一介紹這些概念，以及它們如何與 JavaScript 關聯。 An Essential Guide to Node.js Modules (javascripttutorial.net) 1. Module（模組） 在 Node.js 中，每一個文件都被視為一個獨立的模組系統。 當你創建一個 JavaScript 檔案，你實際上創建了一個模塊。這個模塊可以包含變數、函數、類等，並且可以選擇性地對外暴露或封裝其功能。 2. require 函數 require […]

像是很多專案必須讀取國家資料中心的metadata，許多檔案格式為CSV、JSON、Html可以利用網頁技術去爬蟲；拿一個範例來嘗試看看就知道這些語法的實際用途。 [主題週]專題報導-開放資料 (Open Data)相關議題與應用 (114230) – Cool3c 在這裡我們使用台北市資料大平台 UBike2.0 作為資料依據! 目的 來抓取空位數量 >15， 抓取空位數量 <15。 JSON 檔案範例: 臺北市資料大平臺 (data.taipei) HTML JavaScript 我們利用foreach() 來去找裡面UBike的空位資料，這樣能夠確保在這數組資料裡面，能每一組數組都查詢到。 執行結果

當你想要呼叫陣列裡的資料，你可以使用forEach()的方法，forEach() 會需要隱含數的觀念。 把我們想要執行的函式，從頭到尾逐一（iterates through）的把陣列裡的元素帶進去這個函式，整個處理一遍。 第一個參數遍歷的元素(按照元素順序顯示)，第二個參數是 index，即使你改了參數名字，第一個也一定是遍歷的元素，第二個一定是 index。 參考資料: 想知道嗎：JS forEach()的 index 位置 – W.S.Wade – Medium Array 原型的 forEach 有多好用？ 學會高階函數之後都不想寫 JavaScript 以外的程式語言了 | by […]

Javascript-this呼叫的方法: call、apply、bind

You want some Eventlistener?

JavaScript 核心概念-物件取值、新增、刪除

在HTML 表單內試圖撈資料?
這一篇可以利用JavaScript去操作。

本篇介紹如何透過 JavaScript 來控制或修改 DOM Tree 上面的節點元素。 忘記了可以看這一篇 這些元素可以是標籤、屬性或文本內容。 讓我們討論如何使用getAttribute、innerHTML 和 textContent 方法 參考資料: https://hackmd.io/@5LnhTJLgQHyOZgGrp8n55g/SJMDAXp5Y https://tsuifei.github.io/blog/DOM_Methodes/ DOM-Tree https://javascript.plainenglish.io/the-dom-of-javascript-848506ebf386 1. HTML 取用元素標籤 首先，我們看以下HTML元素。 HTML文檔由各種不同的元素組成，這些元素可以是標籤、屬性或文本內容。 在我們的討論中，我們將專注於一些常見的HTML元素。 a. <h1> […]

Node.js是革命性的伺服器端執行環境，使用JavaScript語言來操作，具有以下亮點： 在串接前端和後端資料方面： 如何安裝Node.js。 步驟1：下載 Node.js 安裝檔案 Node.js 官方網站，通常我們都是下載 長期維護版本! https://nodejs.org/zh-tw 步驟2：選擇你的作業系統 Node.js支援多個作業系統，包括Windows、macOS和Linux。點擊你所使用的作業系統版本下載連結。 步驟3：安裝 Node.js 步驟4：檢查安裝 安裝完成後，你可以在終端（Windows的命令提示字元或macOS和Linux的終端）中輸入以下指令檢查Node.js是否成功安裝： 如果你看到顯示Node.js的版本號碼，那就代表安裝成功了！ 此外，還可以檢查npm（Node.js套件管理器）是否也安裝成功： 完成！ 現在，你已經成功安裝了Node.js。你可以開始使用它來開發強大的伺服器端和應用程式。簡單吧？祝你愉快地開始編寫代碼吧！