iT邦幫忙

鐵人檔案

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

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

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

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

Day11 語法改革!零基礎新手也能讀懂的JS - 傳址與傳值

今天要來探討一下傳址與傳值之間的差別,順便提及一下在JS還有另一個特性叫做pass by sharing 基本型別與物件型別的比較 基本型別 我們先看看以下例子...

2020-09-26 ‧ 由 CK_Yang 分享
DAY 12

Day12 語法改革!零基礎新手也能讀懂的JS - 什麼是Node.js?

在我剛開始學習JS的時候可能每個人的後端框架都不一樣,像我是使用rails,就會看到在產生新專案的時候有一個Node.js這個東西,但並不知道它跟瀏覽器的JS差...

2020-09-27 ‧ 由 CK_Yang 分享
DAY 13

Day13 語法改革!零基礎新手也能讀懂的JS - 什麼是瀏覽器上的JS?

前面有說到Node.js今天就來看看什麼是瀏覽器上的JS! BOM與DOM 之所以我們能夠在瀏覽器上或是開發者人員工具上撰寫JS都是拖這兩個模型的福!而這兩個部...

2020-09-28 ‧ 由 CK_Yang 分享
DAY 14

Day14 語法改革!零基礎新手也能讀懂的JS - script到底該放在哪?

在html的程式碼裡面JS其實可以很隨意地放在任何一個地方,但主要可能會放在這兩個地方 <head>...</head>之間 &l...

2020-09-29 ‧ 由 CK_Yang 分享
DAY 15

Day15 語法改革!零基礎新手也能讀懂的JS - querySelector與getElementByXX

既然我們介紹了DOM接下來就可以開始介紹一些常用的API與解析之間的差別了 既然DOM已經提供了節點給我們使用讓我們能夠控制這些節點,但我們到底該怎麼選取到我們...

2020-09-30 ‧ 由 CK_Yang 分享
DAY 16

Day16 語法改革!零基礎新手也能讀懂的JS - innerHTML、textContent

既然上篇已經講到該如何在JS裡能夠選取到各節點,今天就順勢來介紹一下如果想要更改節點的文字內容或直接更改整個節點該怎麼做吧! textContent 主要是顯示...

2020-10-01 ‧ 由 CK_Yang 分享
DAY 17

Day17 語法改革!零基礎新手也能讀懂的JS - DOM節點查找API

今天要來講一下節點之間的兄弟關係與父子關係還有該如何抓取 兄弟關係也就是同一層的節點父子關係也就是節點的上一層像是 <div id="爸爸&qu...

2020-10-02 ‧ 由 CK_Yang 分享
DAY 18

Day18 語法改革!零基礎新手也能讀懂的JS - 如何使用 JS 新增節點?

我們過去都是只有更改節點的內容或是節點的結構,今天我們來講解如何在 JS 裡也能夠自己產生節點! createElement 這個API最主要的用途就是自己建立...

2020-10-03 ‧ 由 CK_Yang 分享
DAY 19

Day19 語法改革!零基礎新手也能讀懂的JS - 節點插入

今天就來講解一下該如何把新建的節點放到網頁上吧! 我們先來建立一個新的節點 <div class="ck"> <div...

2020-10-04 ‧ 由 CK_Yang 分享
DAY 20

Day20 語法改革!零基礎新手也能讀懂的JS - 節點樣式修改

在JS也能夠控制CSS,對節點新增CSS或是觸發某些事件就將CSS刪除或更換等等,今天就來看是如何做修改的吧! style 基本上就是替元素新增inline-t...

2020-10-05 ‧ 由 CK_Yang 分享