准備工作
參考資料:
- FileReader(用來獲取上傳文件的數據)
- <download>(用來設置下載文件的名稱)
- Blob(用來存儲數據的一個容器)
- createObjectURL(用來將一個Blog對象轉換為Base64格式資源的API)
前言:
因前段時間給老板做了個在線編輯lua文件的小工具,期間用到了上述幾個新的API,感覺挺有意思,所以決定做一個在線編輯JSON文件的例子show出來,並重新捋一遍思路。
代碼會在 這里 更新,不出意外應該會使用ES6的語法進行編碼。
預期效果:
上傳一個json文件,在頁面中生成一個對應的樹形結構;
單擊某個節點,會在右側顯示該節點的屬性(值類型的子節點);
在節點上點擊展開,會展開該節點,顯示出該節點下的子節點;
關於數據的一套完整的CRUD操作;
點擊下載,獲取修改后的json文件;
效果圖:

這個Demo的周期應該會很長。。。但是希望能夠寫Blog把這個過程記錄下來,之前實現的那版過於隨意,這次會出一個更精致的。
