iT邦幫忙

鐵人檔案

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

語法改革!零基礎新手也能讀懂的JS! 系列

主要為「零基礎新手」提供一些目前我所學到的JS觀念與知識,也為自己的JS觀念更加進步
在30天內你會知道一些在JS裡的基礎觀念以及最常用的API該如何使用或是更好記的方式!
自己也常常被幾個很像的API搞混搞得每次都需要再查一次文件,那倒不如一次整理起來!
只要是零基礎的新手也能學得JS,跟著我一起進步吧!

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

Day21 語法改革!零基礎新手也能讀懂的JS - BOM

我們在前面也有講到所謂的BOM(Browser Object Model)最主要的物件就是window全域物件,而window主要是用來和瀏覽器溝通的,這期就來...

2020-10-06 ‧ 由 CK_Yang 分享
DAY 22

Day22 語法改革!零基礎新手也能讀懂的JS - 事件冒泡與捕獲

從很早開始就一直有說到事件,那麼今天就會開始來講解所謂的事件是什麼! 事件機制 JS其實是一種以事件作為驅動的語言,也就是說雖然瀏覽器一開始會讀取所有的JS程式...

2020-10-07 ‧ 由 CK_Yang 分享
DAY 23

Day23 語法改革!零基礎新手也能讀懂的JS - addEventListener(上)

這次來講解addEventListener這個API是如何使用的吧!在未來幾天也會持續介紹關於addEventListener可以用的事件大概有哪些! addE...

2020-10-08 ‧ 由 CK_Yang 分享
DAY 24

Day24 語法改革!零基礎新手也能讀懂的JS - 阻止預設以及防止冒泡

我們就接著昨天繼續講解什麼是阻止預設以及如何防止冒泡行為發生! event.preventDefault() 主要是阻止節點預設行為發生,什麼意思呢? <...

2020-10-09 ‧ 由 CK_Yang 分享
DAY 25

# Day25 語法改革!零基礎新手也能讀懂的JS - addEventListener(中)

今天會簡單統整一下一些有關滑鼠以及鍵盤的事件 滑鼠點擊相關的有以下: mousedown:按下滑鼠時 mouseup:放開滑鼠 click:點擊滑鼠,也就是按...

2020-10-10 ‧ 由 CK_Yang 分享
DAY 26

Day26 語法改革!零基礎新手也能讀懂的JS - addEventListener(下)

今天來介紹網頁相關事件、表單相關事件、剪貼相關事件吧! 網頁相關事件 load:在載入元素時觸發,不一定是進入頁面的載入的時候觸發,如果寫到img的話就是表示...

2020-10-11 ‧ 由 CK_Yang 分享
DAY 27

Day27 語法改革!零基礎新手也能讀懂的JS - JS30-01 Drum Kit

JS30官網先到上方官網下載試題,今天就來試試看JS30第一天吧!主要是來講解作者是怎麼撰寫的! 這個題目主要做的是按下特定按鍵的時候會觸發聲音效果以及CSS並...

2020-10-12 ‧ 由 CK_Yang 分享
DAY 28

Day28 語法改革!零基礎新手也能讀懂的JS - JS30-16 Mouse Move Shadow

JS30官網今天來講解第十六天吧!這天會學到mousemvoe這個事件以及offset的用法我們的目標是要讓h1這個字體的textshadow可以跟著滑鼠移動,...

2020-10-13 ‧ 由 CK_Yang 分享
DAY 29

Day29 語法改革!零基礎新手也能讀懂的JS - JS30-26 Stripe Follow Along Nav

JS30官網今天來講解第二十六天吧! <h2>Cool</h2> <nav class="top"&g...

2020-10-14 ‧ 由 CK_Yang 分享
DAY 30

Day30 語法改革!零基礎新手也能讀懂的JS - 最終回!

終於來到我們第三十天,在最後的第三十天,我想說幾句完賽感言! 其實無法想像我居然有這個毅力可以撐過一個月XDD 在三個月前還是一個雖然是本科系出身但完全沒有認真...

2020-10-15 ‧ 由 CK_Yang 分享