先說一個與JS30無關，但經常看到的東西，有時候會看到別人的資料夾結構，原以為是手打，今天才知道可以直接輸出。 在cmd裡打command line指令：

  1. tree，印出純資料夾結構
  2. tree/f，印出資料夾結構+檔案
  3. 前兩項後面加，>123.txt，就會在同一層增加一個123.txt檔，裡面有tree的內容

備註：只有命令提示字元預設有這個功能。

Day 14

原始型別處理值，物件型別處理參考。

JavaScript中的原始型別(Primitive Type)：

  1. String
  2. mNumber
  3. Boolean
  4. Null
  5. Undefined

物件型別(Object Type)：

  1. Object
  2. Function
  3. Array
  4. Set

參考： JS基礎：Primitive type v.s Object types

Day 15

主要在講LocalStorage，不過之前已經學過、用過了，重新複習一下，增加了刪除功能，不然資料會一直保存在LocalStorage裡，跟Cookie、Session不一樣，不能設定max-age。

const keyList = [{
  name: 'John',
  secret: '1234'
},{
  name: 'Tom',
  secret: '6789'
}];

// 存入localStorage的值必須是字串
let keys = JSON.stringify(keyList);

// 放一個取為名'key'的localStorage，值則是後面的變數key
localStorage.setItem('keys', keys);

//從localStorage裡取出的值因為是字串也要處理一下
JSON.parse(localStorage.getItem('keys'));
  • formObject.reset() 重置表單

Day 16

很炫的特效，不過下面這個觀念用法更是炫炮。

let x = event.offsetX;
let y = event.offsetY;
//等同於
let {offsetX: x,offsetY: y} = event;