当前位置: 首页 > Web前端 > JavaScript

高性能javascript开源在线excel:x-sheet初体验

时间:2023-03-26 23:04:03 JavaScript

原文:免费开源的高性能javascript电子表格:x-sheet入门体验需求越来越高了。很多小伙伴已经习惯了云办公、在线协同办公。常用的有腾讯文档、金山文档、石墨文档、飞书等,国外主要是GoogleSheets。最近,我发现一个中国人开发高性能的前端javascript电子表格,灵感来自GoogleSheets,使用HTML5canvas渲染。接下来,小编分享一下入门经验。介绍先放上x-sheet的官方开源地址https://gitee.com/eigi/x-sheethttps://github.com/eiji-th/x-sheet在线体验地址:https://lwebapp。com/example/x-sheet.html可以从gitee拉取最新的代码到本地查看。这是一个标准的es6现代化工程,自定义webpack打包,运行后代码分析。有几个案例可以参考。功能列表先看看README上的功能描述Undo&UndoFormatBrushEmptyFormatTextFormatFontSetFontSizeFontBoldItalicUnderlineStrikethroughTextColorColorCellBorderFontSlantBorderSlantBackgroundSlantMergeCellsHorizo??ntalAlignWordWrap冻结单元格单元格功能(进行中)行高列宽设置复制、剪切、粘贴(进行中)自动填充插入行、列(进行中)删除行、列(进行中)隐藏行、列(进行中)支持多张打印(处理)数据验证(处理)导出XLSX导入XLSX(处理)导出CVS(处理)导入CVS(处理)导入图像(处理)数据过滤(处理)使用那么如何开始一个x-sheetdemo呢?由于x-sheet还在开发阶段,没有办法安装npm包,所以我们可以从源码打包。克隆代码gitclonehttps://gitee.com/eigi/x-sheet.git进入代码目录,安装依赖cdx-sheetnpmipackagenpmrunbuild打包后,我们可以自己新建一个html文件,导入打包后的源代码使用X-XWorkSheet或者直接进入源码的example目录,直接用浏览器打开里面的.html文件就可以看到官方提供的丰富的本地模板和案例,这一切支持在excel界面在线编辑。模板和案例以下截图为官方案例。一个采购订单模板体验地址https://lwebapp.com/example/x-sheet-purchase-order.html一个出库订单模板体验地址https://lwebapp.com/example/x-sheet-outbound-order.html一个库存明细模板体验地址https://lwebapp.com/example/x-sheet-inventory-details.html一个旅行计划模板体验地址https://lwebapp.com/example/x-sheet-travel-plan.htmlA项目计划模板体验地址https://lwebapp.com/example/x-sheet-project-plan.htmlx-sheet展示了2019年的日历,我们也是用这个模板,可以构建更多年份的日历,DIY一个日历体验地址https://lwebapp.com/example/x-sheet-calendar-2019.htmlx-sheet显示2020日历体验地址https://lwebapp.com/example/x-sheet-calendar-2020.htmlx-sheet支持多个实例,一个界面显示多个电子表格,可以单独编辑体验地址https://lwebapp.com/example/x-sheet-multi-instance.htmlx-sheet实测了5万行25列的单元格数据,滑动很流畅体验地址https://lwebapp.com/example/x-sheet-50000-rows-test.htmlx-sheet实测了100万行25列的cells数据,滑动也很流畅体验网址https://lwebapp.com/example/x-sheet-1000000-rows-test.html备注x-sheet支持现代浏览器(chrome、firefox)目前x的开源协议-sheet是MOZILLAPUBLICLICENSE经验总结。粗略体验过x-sheet,在功能上可以说是可圈可点,丰富的单元格样式、富文本、边框倾斜、合并单元格、冻结、撤销重做、格式刷等。核心功能还支持导入导出xlsx文件,多实例,支持海量数据。界面上,风格类似GoogleSheet,清爽舒适,操作体验很好,轻量级,代码模块拆分清晰,二次开发当然扩展性好。一些不足,比如不支持协作,快捷键支持不完善等。小编在体验x-sheet的时候,x-sheet还处于开发阶段,难免存在一些bug。如果你想在生产中使用它,你需要自己做更多的测试。这是中国人开发的开源免费电子表格。希望大家多多支持。也欢迎大家提交Issue和PR进行交流讨论。希望作者能增加更多的功能,继续维护这个表单插件。原文:免费开源高性能JavaScript电子表格:X-Sheet入门体验