Tag: Javascript

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> […]

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