[ 宅宅薇琪 ] 前端學習日誌

函式 function

為什麼需要學函式？ 其實就是希望一連串的程式都可以包裝成指令。如上圖的機器人，如果沒有下指令的話，他不知道該做什麼事。若透過函式的方式把一連串的程式碼變成一個指令，就可去執行。

函式寫法

DOM — 選取網頁元素

DOM (Document Object Model，文件物件模型)，是一個以樹狀結構來表示 HTML 文件的模型，而組合起來的樹狀圖，我們稱之為「DOM Tree」。我們把 HTML 每個節點的關係攤來看，就好像是一棵樹一樣。

ES6 章節：Template Literial

「樣板字面值」就是用來解決「傳統字串串接」難以閱讀及整理插入變數麻煩的問題。

ES6 章節：「箭頭函式」實作中常見的錯誤

因為「箭頭函式」運作邏輯和傳統 JS 觀念上會有不同，在撰寫上也容易有很多大雷點容易踩坑。我們來看看實作中使用「箭頭函式」會遇到什麼樣的問題，又該如何解決。

ES6 章節：箭頭函式介紹

箭頭函式也是 ES6 的新增語法。ES6 語法的新增是為了讓原有 JS 撰寫更為精簡 (也稱為語法糖)，但運作邏輯和傳統 JS 觀念上會有不同。

ES6 章節：Let 的 Hoisting (暫時性死區 TDZ)

前面章節有提到，使用 var 宣告變數時，會有 Hoisting 狀態。那 let 到底有沒有 Hoisting 呢 ? 什麼是 Hoisting ? 先來複習一下~

ES6 章節：Let 及 Const

今天來介紹 ES6 的兩大主角 Let 及 Const，看看他們究竟有什麼本事，可以取代 var 的變數正宮地位。

陣列與物件整合運用

前面介紹了物件與陣列基礎，透過情境知道何時要使用陣列或物件，以及物件與陣列結合在一起該如何有效運用。我們就用情境來學習如何去讀取資料和如何去規劃資料結構。

如何設計陣列物件集合資料

物件基礎

寫程式很常使用 “物件” 的方式去撰寫。物件好比描述房子裡面的設施種類內容，如有游泳池、有陽台、有幾樓等，這些都可稱為物件資訊。物件是用來描述一個東西內細部的資訊。

物件格式架構