iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

半路出家,文組新手學 Javascript 系列

利用 Javascript 實作小作品,來練習及加強自己對 Javascript 的觀念。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文 團隊貓肥加潤五倍祝福
DAY 11

DAY 11 textContent vs innerText vs innerHTML

現在在跟五倍的組員們做專案,常常會遇到從後端撈到資料的時候,要把資料塞在前端顯示。 textContent 和 innerHTML 每次我都要再多查一次 che...

2020-09-18 ‧ 由 serenana 分享
DAY 12

DAY 12 網頁資料儲存 Cookie

首先,我們要先了解為什麼有 cookie 和 session ,HTTP 本身是一個無狀態的協議,無法紀錄網路上的行為,意思是說當你每次進行頁面的訪問的時候,就...

2020-09-19 ‧ 由 serenana 分享
DAY 13

DAY 13 Session 是什麼?

昨天說到了 Cookie,今天來研究一下 Session。 Cookie和 Session 的共同之處在於:Cookie 和 Session都是用來跟蹤瀏覽器使...

2020-09-20 ‧ 由 serenana 分享
DAY 14

DAY 14 LocalStorage、sessionStorage

看到 storage 這個字就知道這兩個字是和儲存有關係。 在沒有 Web storage 之前,可以將使用者小量的資料存在 client 端的 cookie...

2020-09-21 ‧ 由 serenana 分享
DAY 15

DAY 15 什麼是 Callback function ?

Callback function,也稱回呼函式,簡單來說就是函式裡面包了另外一個函式,然後透過你定義的函式來呼叫他。 使用時機: 做完某件事情才會執行的...

2020-09-22 ‧ 由 serenana 分享
DAY 16

DAY 16 Promise 是什麼?

JavaScript 本身是一個非同步的語言。 在 ES6 後,新增了 Promise 的物件來解決同步的問題。 整個 Promise 的流程會如上圖所示。...

2020-09-23 ‧ 由 serenana 分享
DAY 17

DAY 17 實作 JS 時鐘

參考出處 JS 30 clock 如上圖所示, 有 時針/分針/秒針 學習目標: 操作時針 計算 setInterval 下面的例子 只附上 HTML 和...

2020-09-24 ‧ 由 serenana 分享
DAY 18

DAY 18 實作 固定 Navbar

參考出處 JS 30 參考出處 Alex 宅幹嘛 JS 30 DAY 24 sticky Navbar 因為主要要學習 JS 所以 HTML 的部分可以直接到...

2020-09-25 ‧ 由 serenana 分享
DAY 19

DAY 19 Update CSS variable with JS

參考出處 JS 30 參考出處 Alex 宅幹嘛 今天要來做的是:利用 原生CSS 變數去改變 CSS 及 JS 的值來達到效果。 因為鐵人賽‘剩下的天數也不...

2020-09-26 ‧ 由 serenana 分享
DAY 20

DAY 20 Type Ahead

參考出處 JS 30 DAY 6 參考出處 Alex 宅幹嘛 今天要做的是 Type ahead, 當你打下關鍵字的時候,會幫你找到,有這些關鍵字的城市。...

2020-09-27 ‧ 由 serenana 分享