handsontable
发表于|更新于
|浏览量:
没有祖国，就没有幸福。每个人必须植根于祖国的土壤里。——佚名
分享一个表格组件
https://github.com/handsontable/handsontable
非常有意思
相关推荐
2022-10-08
vue-cropper
青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网：https://github.xyxiao.cn/vue-cropper/ 演示demo：http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器 源码地址：https://github.com/flukeout/css-diner
2022-06-15
konva-react
“善良一点，因为大家的一生都不容易。”——《奇迹男孩》。 官方文档：https://konvajs.org/docs/react/ 中文文档：http://konvajs-doc.bluehymn.com/docs/react/ 安装： 1pnpm install react-konva konva --save 在konva中能做到的，在konva-react也一样能做到，只不过是换了一种写法罢了 这里有个使用konva-react的在线编辑器Demo https://konvajs.org/docs/sandbox/Canvas_Editor.html 是基于一个叫Polotno的框架，它提供了多种react对konva的封装，能开箱即用 https://polotno.dev/ 但其不可以免费用于商业用途 https://codesandbox.io/embed/github/polotno-project/polotno-site/tree/source/examples/polotno-demo?fontsize=11&hidenavigation=1&a...
2023-10-13
ar.js
没有希望的地方，就没有奋斗。——约翰生 https://github.com/AR-js-org/AR.js AR.js 是用于 Web 上的增强现实的轻量级库，其中包括图像跟踪、基于位置的 AR 和标记跟踪等功能 AR.js Documentation
2022-11-20
JSON小技巧
越年轻，就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值，则可以传入第二个参数，可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则，则可以传入一个函数类型，第一次调用时value为我们的数据对象，属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
2025-05-22
wangeditor渲染node方式
青，取之于蓝而青于蓝;冰，水为之而寒于水。 ——《荀子·劝学》 代码如下： 1234567891011121314import { Boot, createEditor, createToolbar, SlateEditor, SlateElement, SlateNode, SlateText, SlateTransforms} from '@wangeditor/editor'SlateTransforms.insertNodes(editor, nodes)editor.updateView() 这里的nodes格式参考 https://www.wangeditor.com/v5/node-define.html 节点数据结构wangEditor 是基于 slate.js 为内核开发的，所以学习本文之前，要先了解 slate Node 设计 。 是什么很多同学可能根本不知道本文要讲什么，对于这里的“节点”和“数据结构”也不知何意。没关系，接下来通过几个问题，就可以让你快速入门。 我们通过 API 的学习，已经知道...