iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

JavaScript 初心者筆記 系列

從零開始的 JavaScript 學習筆記,深入到什麼程度要看造化。此外可能也會介紹一些 jQuery 基礎實作技巧。

鐵人鍊成 | 共 30 篇文章 | 54 人訂閱 訂閱系列文 RSS系列文
DAY 21

JavaScript 初心者筆記: 應用 innerHTML 與 for 迴圈將資料渲染至網頁

學會了在 HTML 新增內容之後,就可以接著學習如何運用之前學到的 for 迴圈,把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體,介紹如何將資料...

2019-09-22 ‧ 由 Grete Ma 分享
DAY 22

JavaScript 初心者筆記: 事件基本觀念(事件參數、事件監聽)

什麼是事件(event)? 事件是 JavaScript 應用的心臟,也是把所有東西黏在一起的膠水,當我們與網頁進行某些互動時,事件就發生了。 例如,當使用者點...

2019-09-23 ‧ 由 Grete Ma 分享
DAY 23

JavaScript 初心者筆記: 常用事件及相關語法分享

前一篇筆記介紹的是事件基本概念,而本篇將介紹一些在操作事件時常用的語法。 表單內容更動時觸發 - change 此事件僅限用於 元素、 和 元素,當元素的...

2019-09-24 ‧ 由 Grete Ma 分享
DAY 24

JavaScript 初心者筆記: localStorage - 將網頁上的資料儲存在瀏覽器

資料如何儲存在瀏覽器? 透過 HTML 中的網頁儲存物件, 可以將網頁中的資料儲存在使用者的瀏覽器當中。 在 HTML5 問世之前,我們只能將小筆的資料儲存在...

2019-09-25 ‧ 由 Grete Ma 分享
DAY 25

JavaScript 初心者筆記: HTML 的自訂資料屬性 - data-*

data-* 屬性 在 HTML 標籤中可以放入自創的屬性,這麼做的目的是去綁定 DOM 與資料以及驗證資料。 語法是 data-*,把 * 代換成自訂屬性名稱...

2019-09-26 ‧ 由 Grete Ma 分享
DAY 26

JavaScript 初心者筆記: 簡易 to-do list 練習

學會了 localStorage 跟 data-* 屬性後,今天就可以結合這兩者試著寫一個 to-do list 囉! 先貼個成品的程式碼連結。 HTML 部...

2019-09-27 ‧ 由 Grete Ma 分享
DAY 27

JavaScript 初心者筆記: 瀏覽器物件模型 (BOM)

關於瀏覽器物件模型 (BOM) BOM,是 JavaScript 與瀏覽器溝通的橋樑,JavaScript 可以透過 BOM 對瀏覽器進行各種操作,包含開啟及關...

2019-09-28 ‧ 由 Grete Ma 分享
DAY 28

JavaScript 初心者筆記: AJAX - 從遠端即時撈取資料

什麼是 AJAX ? AJAX 是 Asynchronous JavaScript and XML(非同步的 JavaScript 與 XML 技術)的縮寫,簡...

2019-09-29 ‧ 由 Grete Ma 分享
DAY 29

JavaScript 初心者筆記: AJAX - post 與傳送格式

昨天我們學到了用 get 方式發送資料請求,今天要繼續講如何用 post 發送資料請求。 post — 傳統表單輸入介紹 這個功能常用在註冊帳號時,將使用者輸入...

2019-09-30 ‧ 由 Grete Ma 分享
DAY 30

JavaScript 初心者筆記: 實作旅館訂房網站心得 - 第 2 屆 The F2E 第六關

今天就是完賽日了,其實我大可寫一個「後記」就結束這一回合(畢竟有前言了有後記也不奇怪嘛),但是我還是決定要善始善終,所以我今天要分享的是今年參加 The F2E...

2019-10-01 ‧ 由 Grete Ma 分享