在过年前的最初一个工作日,总结一下保护6年的表格组件。回头一看,工夫过的真快,间隔v0.0.1曾经过来了2191天。

表格组件近照

尽管在github上始终不温不火,但该有的迭代却始终在继续。

2020年的第一版

2020/1/12下午7:19:10,公布了2020年的第一个版本2.10.5。该版本中新增了当前页打印性能,并修复和优化了局部逻辑。

2020年的最初一版

2020/12/9上午9:07:17,公布了2020年的最初一个版本2.14.17。该版本中并没有新增性能,只是简略的解决了正告信息。

2020年次要更新性能

在2020年总共更新了46个版本,其中有些性能值得拿来一提。

打印性能

通过配置参数supportPrint进行开启打印性能,开启后将在右键菜单中减少打印入口,也能够通过调用print(gridManagerName)办法即时触发。

列固定性能

通过配置参数columnData.fixed指定某列为固定列,该性能在列挪动、行挪动时仍旧失效。

表头嵌套性能

通过配置参数columnData.children指定某列应用嵌套表头,可有限减少数据结构。须要留神的是:应用表头嵌套性能时,局部dom操作将会处于生效状态。

2020年值得一提的几个非功能性事项

  • 外围DOM驱动调整为数据驱动,简化了代码逻辑
  • 解决了大数据量时DOM卡顿问题
  • 合并了jTool,革除在表格组件中未应用到的类库办法
  • 解决了在框架中应用时遇到的非凡问题,如不标准应用框架引起的屡次渲染问题
  • 批改构建所反对的浏览器为chrome >=56 || firefox >=59,拥抱class
  • 单元测试工具由PhantomJS调整为ChromeHeadless,解决长久以来npm i过慢问题
  • 对浏览器局部性能进行单例反对,如safari宽度调整存在1px差位问题
  • css应用var()性能,并简化了局部款式文件
  • 高版本浏览器应用ResizeObserver代替reset事件
  • 应用原生反对的Element.closest()替换递归查找形式,性能晋升7-8倍

写在最初


表格组件GridManager反对Angular.1xReactVuejQuery原生形式,外围代码库托管于github。