纯前端JSON文件编辑器[0]

准备工作

参考资料:

前言:

    因前段时间给老板做了个在线编辑lua文件的小工具,期间用到了上述几个新的API,感觉挺有意思,所以决定做一个在线编辑JSON文件的例子show出来,并重新捋一遍思路。

    代码会在 这里 更新,不出意外应该会使用ES6的语法进行编码。

预期效果:

    上传一个json文件,在页面中生成一个对应的树形结构;

    单击某个节点,会在右侧显示该节点的属性(值类型的子节点);

    在节点上点击展开,会展开该节点,显示出该节点下的子节点;

    关于数据的一套完整的CRUD操作;

    点击下载,获取修改后的json文件;

效果图:

    这个Demo的周期应该会很长。。。但是希望能够写Blog把这个过程记录下来,之前实现的那版过于随意,这次会出一个更精致的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值