iT邦幫忙

鐵人檔案

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

「 Nice to meet you , JavaScript . 」- 學習日記 系列

剛入門的前端極菜鳥,給自己的一個小小試煉和挑戰。


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

初探JavaScript - 使用JS JSON.parse、JSON.stringify 編譯Local Storage中的資料

因為Local Storage只會儲存string字串的資料,不過在現實網站資料中卻常常會使用到陣列及物件的形式資料,例如[{DogName : 'Dixie'...

2020-09-21 ‧ 由 Linn 分享
DAY 22

初探JavaScript - 使用 data-* 綁定並埋入資料到指定元素中

data-* data-*可綁定並將資料埋入某個指定的元素,讓JS可以操作應用。範例:有一個狗狗列表顯示每隻狗狗的名字,並使用data-color、da...

2020-09-22 ‧ 由 Linn 分享
DAY 23

初探JavaScript - JS 瀏覽器 BOM - Window & Screen

要了解JavaScript如何針對一個新的瀏覽器做操作,則需要了解一個新的觀念 – BOM(Browser Object Model) – BOM允許JavaS...

2020-09-23 ‧ 由 Linn 分享
DAY 24

初探JavaScript - 『回到上一頁』和『列印』功能寫法

可以藉由location得知目前瀏覽器瀏覽頁面得相關位置、路徑資訊。location.href:目前位置網址。可藉由location.href讀取變更目前所在位...

2020-09-24 ‧ 由 Linn 分享
DAY 25

初探JavaScript - JS 三種彈跳視窗(Popup)的寫法

JavaScript有三種形式的彈跳視窗(Popup),分別是:• Alert Box:window.alert()• Confirm Box:Window.c...

2020-09-25 ‧ 由 Linn 分享
DAY 26

初探JavaScript - 時間事件(Time Events) - 依設定的時間區間執行程式

JavaScript可以在一個自己設定的時間區間(間隔時間)執行程式,可以為「一次性」的執行或是「重複性」的執行。我們稱之為Time Events(時間事件)。...

2020-09-26 ‧ 由 Linn 分享
DAY 27

初探JavaScript -什麼是AJAX?

什麼是AJAX? AJAX是業界開發者很常使用到的技巧,AJAX可以在網頁下載完成後,還能夠繼續得跟網站伺服器端要資料,可以更新頁面,卻不需要重新載入,...

2020-09-27 ‧ 由 Linn 分享
DAY 28

初探JavaScript - 藉由XMLHttpRequest撈取遠端瀏覽器的資料

所有的瀏覽器都支援使用XMLHttpRequest物件。XMLHttpRequest物件可以被用來從網頁本地端透過瀏覽器去跟伺服器端做資料交換,而不需再將頁面重...

2020-09-28 ‧ 由 Linn 分享
DAY 29

初探JavaScript - ECMAScript 6 - 用var、let和const的差別?

ES 6(ECMAScript 6 / ECMAScript 2015 / JavaSCript6)是提升JavaScript程式碼品質最佳利器。 在ES6中有...

2020-09-29 ‧ 由 Linn 分享
DAY 30

初探JavaScript - ECMAScript 6 組字串寫法

在一般JavaScript中,若要使用innerHTML同時插入標籤、文字、圖片、連結,需要使用很多的 '字串' 和 + 變數名稱 相連結,不過如果同時要插入很...

2020-09-30 ‧ 由 Linn 分享