v-for 为什么不建议使用 index 作为 key

v-for 循环为什么不建议使用 index 作为 key?简单来说使用 index 作为 key 可能会导致渲染性能问题,特别是当数据源使用了 unshift 将数据添加到头部时,会导致 index 被重新规划,从而导致重新渲染。

这些前端动画库,让你的网站交互更生动

动画可以让我们的系统、应用等更加生动,提升用户体验、增强互动感,同时有助于引导用户操作,提高信息传达效率‌,我们可以看到现在测评各种系统都会以动画交互的体验作为最重要的环节之一,在网页开发中也有非常多的动画库帮助我们提升用户体验和视觉美感,本篇文章会记录一些好用的 js 动画库。

CSS-font-family属性

本文的目的是总结出一个通用的,在不同操作系统的不同浏览器下,都能达到较好展示效果的font-family写法。

EffectComposer + Layers 实现分层效果渲染

今天在渲染 3d 场景时,想要将不同物体渲染出不同的效果,一个需要使用 webglrenderer 进行渲染,一个需要使用 EffectComposer 进行后期处理渲染,但是两者是冲突的,想了很久不知道怎么解决,最后找到一个使用图层进行隔离渲染的方法,虽然没有达到特别理想的效果,但是从性能开销、解决难度来说应该算比较合理的方案了。

初识Three.js

Three.js的入门知识介绍

Performance——性能优化神器

在前端开发过程中,性能优化基本是一个必要的学习点,本文主要讲讲自己作为初学者使用 Chrome 的 performance 来进行性能调优的一次小记录。

Thymeleaf 3.0 常用语法

Thymeleaf 是 Spring boot 推荐使用的模版引擎,除此之外常见的还有 Freemarker 和 Jsp。Jsp 应该是我们最早接触的模版引擎,Freemarker工作中也很常见,而本文将介绍 Thymeleaf 的常用语法:常见的 th 属性以及四种标准表达式用法。

有意思的前端开源插件

前端的意义,取决于你对它精益求精的钻研探索,设计不止于好看,更关乎好用。