v-for 循环为什么不建议使用 index 作为 key?简单来说使用 index 作为 key 可能会导致渲染性能问题,特别是当数据源使用了 unshift 将数据添加到头部时,会导致 index 被重新规划,从而导致重新渲染。
动画可以让我们的系统、应用等更加生动,提升用户体验、增强互动感,同时有助于引导用户操作,提高信息传达效率,我们可以看到现在测评各种系统都会以动画交互的体验作为最重要的环节之一,在网页开发中也有非常多的动画库帮助我们提升用户体验和视觉美感,本篇文章会记录一些好用的 js 动画库。
今天在渲染 3d 场景时,想要将不同物体渲染出不同的效果,一个需要使用 webglrenderer 进行渲染,一个需要使用 EffectComposer 进行后期处理渲染,但是两者是冲突的,想了很久不知道怎么解决,最后找到一个使用图层进行隔离渲染的方法,虽然没有达到特别理想的效果,但是从性能开销、解决难度来说应该算比较合理的方案了。
在前端开发过程中,性能优化基本是一个必要的学习点,本文主要讲讲自己作为初学者使用 Chrome 的 performance 来进行性能调优的一次小记录。
Thymeleaf 是 Spring boot 推荐使用的模版引擎,除此之外常见的还有 Freemarker 和 Jsp。Jsp 应该是我们最早接触的模版引擎,Freemarker工作中也很常见,而本文将介绍 Thymeleaf 的常用语法:常见的 th 属性以及四种标准表达式用法。