鐵人檔案
這是紀錄從零基礎開始學習 JavaScript 的技術筆記，也讓自己重新學習與檢視這一年學習與應用的 JavaScript 相關，因為本人記憶力不太好，每一篇都為極短篇的方式分享，會有基礎 JavaScript 知識與實務演示應用，會加上 jQuery 延伸實務應用情境，確定會超過 30 篇。
透過迴圈來取得陣列裡的資料 當得到龐大的陣列資料時，透過迴圈來存取資料會輕鬆又省事，所以陣列跟迴圈常常會搭配使用。 情境 倘若今天要查詢兩間店家的老闆姓名，拿...
之前學過 if，是有條件下的篩選機制，如果是多樣本但只要取出條件下的數值，配上迴圈就會非常好用，下方帶入一個主題： 有三間賣炸雞的餐廳要被評鑑銷售量，套餐要超...
i++ for 迴圈內有一個所產生的值，會用 i++ 登打， for (var = 0; i < array.length; i++) { ... }...
在取得 Open Data 前，要先認識 JSON 資料。 什麼是 JSON JSON（JavaScript Object Notation，JavaScri...
常常聽到人家講說 DOM 元素，到底是什麼? DOM 的英文全名是 Document Object Model，中文是「文件物件模型」。 是 HTML、XM...
前面學過 textContent 使用方法，如何用更簡短且易讀的程式碼來控制網頁元素？ 透過變數管理相同的程式碼 原本要控制 id 的寫法都會是： docum...
innerHTML 方法：組完字串後，傳進語法進行網頁渲染。 優點：效能快。 缺點：資安風險高，須確保資料來源沒問題。 原本學習的方式是用 textCon...
物件資料 這次記錄透過 for 迴圈篩選出資料後，渲染在網頁上，未來 for 迴圈也會很常篩選 JSON 的資料內容，這次的資料如下： var data =...
createElement 方法：使用 DOM 節點來處理。(貼上 DOM 文章連結) 優點：安全性高。 缺點：效能差。 首先在 HTML 裡面新增一個...
用法跟 innerHTML 類似，寫到這邊有發現 for 迴圈在前端技術上大量的被使用。 data 資料 這次也是用一個主題來練習，找出學校的每一位老師，資料...
