純前端JSON檔案編輯器[0]

準備工作

參考資料：

• FileReader（用來擷取上傳檔案的資料）
• <download>（用來設定下載下傳檔案的名稱）
• Blob（用來存儲資料的一個容器）
• createObjectURL（用來将一個Blog對象轉換為Base64格式資源的API）

前言：

    因前段時間給老闆做了個線上編輯lua檔案的小工具，期間用到了上述幾個新的API，感覺挺有意思，是以決定做一個線上編輯JSON檔案的例子show出來，并重新捋一遍思路。

    代碼會在 

這裡

 更新，不出意外應該會使用ES6的文法進行編碼。

預期效果：

    上傳一個json檔案，在頁面中生成一個對應的樹形結構；

    單擊某個節點，會在右側顯示該節點的屬性（值類型的子節點）；

    在節點上點選展開，會展開該節點，顯示出該節點下的子節點；

    關于資料的一套完整的CRUD操作；

    點選下載下傳，擷取修改後的json檔案；

效果圖：

    這個Demo的周期應該會很長。。。但是希望能夠寫Blog把這個過程記錄下來，之前實作的那版過于随意，這次會出一個更精緻的。