react-json-view
发表于|更新于
|浏览量:
小不忍，则乱大谋。——孔子
分享一个react的json编辑器
https://github.com/mac-s-g/react-json-view
演示：
相关推荐
2025-11-17
mind-map
或许美化灵魂有不少途径，但我想，阅读是其中易走的，不昂贵的，不须求助他人的捷径。——严歌苓《读书与美丽》 https://github.com/wanglin2/mind-map 思绪 Simple mind map 深度解析：一个简单 & 强大的 Web 思维导图库与跨平台应用生态 仓库地址：wanglin2/mind-map开发文档：https://wanglin2.github.io/mind-map-docs/在线使用（网页版思维导图）：https://wanglin2.github.io/mind-map/中文名：思绪思维导图（Simple mind map） 1. 项目定位Simple mind map 是一个不依赖任何前端框架的 JS 思维导图库，同时作者基于该库又构建了一个可直接在线使用的 Web 思维导图应用（基于 Vue2 + ElementUI）。它的目标不是“花哨”，而是专注于： 核心逻辑简洁 扩展机制清晰（插件化） 高度可配置与自定义 支持多结构、多格式、多媒体内容节点 可以既做“库”又做“产品”，利于二次...
2022-04-22
css实现鼠标划入显示拖动条
古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼 代码如下： 1234567891011121314151617181920212223242526272829<!DOCTYPE html><html> <head> <style> .ruben-container{ height: calc(100vh - 70vh); width: calc(100vw - 70vw); overflow-y: auto; } .ruben-container::-webkit-scrollbar { width: 4px; } .ruben-container::-webkit-scrollbar-thumb{ ...
2022-06-22
htmlToCanvas
利用时间是一个极其高级的规律。——恩格斯 今天分享一个html转canvas的插件： http://html2canvas.hertzen.com/ 使用方式特别简单： 引入： 12pnpm install --save html2canvas# import html2canvas from 'html2canvas'; 或者直接上link 1<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 需要转换的html节点 123<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4></div> 使用： 123html2canvas(docu...
2024-12-01
skew
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数：打造斜切效果在前端开发中，CSS transform属性为我们提供了强大的工具来操控元素的外观，而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。 什么是skew()？skew()是一种 2D 变换函数，用于对元素进行斜切变换。简单来说，它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度，创造出一种动态的透视效果。它的应用场景广泛，包括按钮动画、卡片设计和图形变换等。 语法1transform: skew(ax, ay); ax：沿 X 轴的倾斜角度（可选，默认值为 0）。 ay：沿 Y 轴的倾斜角度（可选，默认值为 0）。 单位为角度（deg），也可以使用弧度（rad）或其他角度单位。 用法示例1. 基本应用 以下示例将一个矩形沿 X 轴倾斜 20...
2022-01-29
vue中props中值未监听
每段记忆都是零碎的，犹如残破的蛛丝，无声无息的藏在黑暗的角落里——桐华 我今天简短测试了一下： 编写一个组件，给它设置一个props属性user 这里给它一个默认值{ age: 21 } 12345678910111213141516<template> <div> <slot :user="user">默认内容</slot> </div></template><script>export default { props: { user: { type: Object, default: () => ({ age: 21 }) } }};</script> 然后我们在外部引用该组件并传入该props 编写一个方法来改变当前userInfo的值 123456789101112131415161718192021222324252627282930<templ...
2020-10-21
页面点击随机字符
不要让昨天占用今天的时间。 ——美洲 应群友的要求分享给大家~ 123456789101112131415161718192021222324252627282930313233343536//随机字$(function () { var a_idx = 0, b_idx = 0; c_idx = 0; jQuery(document).ready(function ($) { $("body").click(function (e) { var a = new Array("Daphne", "Ficus", "Iris", "Maackia", "Lythrum", "Myrica", "Sabia", "Flos", "あなたのことが好きです", "嬉しい", "頑張って！"...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog