設計轉前端 入門到放棄

Document Object Model，HTML 和 XHTML 的介面。

DOM的內容其實可以分為三個部份：DOM core、HTML DOM 與 XML DOM。

邏輯運算子，找到第一個正確的回傳，不會繼續執行第二個。

• 邏輯運算子，找到第一個錯誤（falsy: false、undefined、null、NaN、0 (both +0 and -0)、””）的回傳，不會繼續執行第二個。
• 第一個值的 bool 為 true，後一個的值。

console.log(false && 1 && []); // false

undefined

• undefined 是變數沒有被宣告，或者是已經宣告了，但是沒有賦值，Javascript 將未賦值的變數的預設值設為 undefined。

本文章描述如何透過 webpack 使用 ES6 模組架構、配置。

• 你可以使用 GitHub 上的 demo project source code。
• 查看 demo 範例。

ES6 箭頭函式讓 code 更簡短

箭頭函式讓 Javascript code 更簡短也更清楚，以下是 ES5 與 ES6 函式範例。

實作時有遇到一些問題 swiper 卡片距離設定問題

1. spaceBetween + slidesPerView 時會在視窗 resize 時壞掉

String 字串

String (通常用單引號包 '文字'，雙引號給 HTML)