react-json-view
发表于|更新于
|浏览量:
小不忍,则乱大谋。——孔子
分享一个react的json编辑器
https://github.com/mac-s-g/react-json-view

演示:

相关推荐
2021-11-01
nvue坑
人之所以走入迷途,并不是由于他的无知,而是由于他自以为知。——卢梭 《爱弥儿》 前两天用nvue踩了不少坑,例如之前写的nvue引入图标坑就是一个 例如manifest.json中这里需要配置为weex才能使用weex渲染 uniapp-nvue文档 weex文档 要注意这里 基本上是nvue的一些常见的坑 还有其他的一些,例如一些不支持的css写法如transition 如果写成transition: 1s;则会提示 当然transition: all 1s;也不行 只能针对对应的过渡去写: 12transition-property: width;transition-duration: 1s; 缩写就是: 1transition: width 1s linear 2s; 一般像不支持的全局属性,需要写在条件编译里 12345678910.logo { height: 0; width: 0; /* #ifndef APP-PLUS-NVUE */ transition: all 1s; /* #endif */ /* #ifdef APP-PLUS...
2021-12-04
Promise
人活在世,不过一场美丽的寄居。——简嫃 在前端开发中经常会使用异步方法 这里介绍Promise函数 定义方式: 12345// Promise内部构造参数为一个闭包,闭包中传入你想要异步处理的逻辑new Promise((resolve,reject)=>{ // 这里resolve表示正常处理异步逻辑后传送回调,reject则是异常逻辑或错误逻辑时执行,当异步方法中抛出异常,会自动调用reject,这里也可以手动调用 resolve(1)}) 然后定义完了,我们就可以开始调用 调用写法如下: 12345678new Promise((resolve,reject)=>{ // 假设我这里异步方法处理完后得到的结果为1,我就传入一个1 resolve(1)}).then(res=>{ // 然后异步方法执行完了,我再对结果进行异步处理,让得到的1再加一个1 console.log(res+1)}) 使用then可以执行异步方法后续处理,将异步方法的回调的结果作...
2021-12-14
nvue获取节点信息
我们生活在阴沟里,但依然有人仰望星空。——王尔德 在nvue中我们获取节点信息就需要如下写法: 123456789101112131415161718192021222324252627282930313233<template> <view ref="list-parent" class="ruben"> <list> <cell><view>阿超</view></cell> </list> </view></template><script>const dom = weex.requireModule('dom');export default { data() { return { index: 1 }; }, mounted() { console.log('mounted'); dom...
2024-11-14
uniapp自动化测试
日常生活的摩擦龃龉,十之其九起于口舌。——贝涅特 推荐使用HBuilderX uni-app自动化测试插件 https://ext.dcloud.net.cn/plugin?id=5708 安装完毕,右键项目选择uni-app运行自动化测试即可 这里可以在HBuilderX设置的插件设置里取消勾选“自动修改jest.config.js文件中的testMatch”选项才能自定义测试目录 这是我的jest.config.js: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455module.exports = { globalTeardown: '@dcloudio/uni-automator/dist/teardown.js', testEnvironment: '@dcloudio/uni-automator/dist/environment.js', testEnvironm...
2022-07-29
vuesax
这是一个流行离开的世界,但是我们都不擅长告别。——《生活在别处》 分享一个vue的UI库vuesax 官方文档:https://vuesax.com/ 它的样式还是很好看的 给人一种简介的感觉 Git地址:https://github.com/lusaxweb/vuesax/
2021-05-12
vue子组件调用父组件方法
强迫学习的东西是不会保存在心里的。——《柏拉图论教育》 首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button,点击后执行callSuper函数 里面这行this.$emit('parentEvent', '我的');表示 调用在父组件 引用子组件时 传入的事件 例如我这里调用了parentEvent,传入了个“我的”...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog