我用三十天走進這片《JS》星空

一、學習，重新認識自己

我重新認識了自己，我感受到強烈震撼，為什麼?我想要完成一件事時會特別執著，我相信勤能補拙！我已經忘記曾經在求學階段時對於挫折與挑戰是非常渴望的，當時的我挫折與挑戰讓我不斷看到不足之處，在最…

DOM 遍歷節點

在 DOM 節點中有分層概念， 在特定狀況可能無法直接選取到節點，而必須透過節點與節點關係。

父子關係 (parent/child)

兄弟關係 (Siblings node)

JavaScript Array 常用方法

一 、map( ) ，會回傳新陣列

Flexbox - 一維佈局

建立第一步，啟動display屬性設定為flex

使用 flex-direction選擇 主軸 main axis or 交叉軸 cross axis

Grid- 二維佈局

建立第一步，啟動display屬性設定為grid

在父元素中定義後，宣告一個可以 grid system 的容器，而子元素將可以按照grid 規則來設定。

RWD 基礎概念

一 、媒體查詢 (media queries)

@media screen and (max-width: 600px){}

Bootstrap Grid system

再啟動Bootstrap Grid前，起手勢是什麼  ?

DOM 基本操作

DOM (Document Object Model，文件物件模型)

JavaScript 利用 DOM 提供 API 方式來操作 HTML

初次認識 forEach

array.forEach( funtion ( callback) , thisArg )

callback，包含以下：

1. currentValue：目前處理到的元素的值

DOM 節點修改

1. 使用 createElement 建立元素
2. 使用 innerHTML 修改內容
3. 使用 appendChild 將新建立的元素插入HTML結構中