首先该项目之前是混合开发,freemark做的,现在在其基础上改成vue的
我先秒描述一下下面代码的意思:
这是记录一个键盘按下的数组,记录一个写作过程,其中:
type:0-添加字母/1-删除字母
addLen-每次添加的个数/delLen-每次删除的个数
addVal / delVal-添加、删除的字母
time:时间
将这一个数组拼接成如下图:
标蓝色方块是 i 标签 和 title属性
下图为我的代码:
问题:页面上下滚动时特别卡(我在想估计是该数组数据太多,全部循环显示出来超过六千个标签,上下滚动可能涉及到重绘和重排),没找到解决办法(该页面文档碎片用不了,懒加载不行,vue插槽、组件传值不行(该项目前端页面都是 .ftl文件),有个解决办法是用js将数组拼接,但是由于freemark的${}和js的字符串模板${}起冲突,所以目前还没有办法,向大神求助!!!)