半年工作心得

今天是工作半年整,6月17号有幸入职现在这家公司,老板人蛮好的,很久没写心得了,总结一下半年来的项目难点和工作经验吧。

首先说一下使用的两个UI框架,一个是layui,一个是ant design。各有千秋。

1.layui的table表头是可以左右伸缩的,而antD就需要再封装方法。

2.layui的table比较大的问题就是全选不能保存状态,点击下一页之前的全选状态则会被清空。像数据量庞大的中后台系统需要一些批量删除或者是批量导出、全部导出的时候着实很不方便,附上拙劣的解决办法(暂时是单页面实现,要全部应用的话还需要改源码封装一下)。


监听checkbox点击事件

然后在table渲染的时候加入这些:


渲染后的回调函数

当然这并不是最好的解决办法...因为项目进度紧张所以后续并没有实现此功能,而antD本身就能够实现。

3.layui在表格中嵌套表格(即展开面板里又有表格)这个可能还没有实现,而我在做项目的过程中自己用table和panel结合又有很多问题,譬如子表格没办法与父表格在某些程度上冲齐,子表格表头伸缩后父表格表头无法进行伸缩等。

4.layui的table body里合并也是个问题,固定列单元格合并可能还需要琢磨琢磨。

5.antD中Modal模态框是无法移动的,至少对于我们现在系统所服务的群众来讲这是个不太好的体验,也需要手动封装方法。(我会加油学习的1551)

6.antD布局大体就是按照label与input框几等分来算,可以说和flex布局很像了,有好有不好,像我刚开始接触这个框架就觉得哇好麻烦啊,但是使用多了觉得这样的设计确实合理且规范。

7.还想起来个问题,antD是自带单元格超出长度设置表头行ellipsis属性鼠标放上去就可以显示完整,layui框架需要在表头行设置templet属性设置譬如<span title=""></span>这样子才可以,相比较而言antD更为简便。但是当我把单元格设置为可编辑时,antD的这个属性就会失效,可能也需要render一个span标签加title属性。

以上是UI框架的使用心得。不管哪个被人们广泛使用的UI框架都有其存在的道理,用了4个多月的layui和1个多月的antD我说不出来谁更好,还是要看具体项目需求,有一些功能也确实会产生更大的bug所以摒弃掉也是正常选择。

未完待续...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。