在Vue.js中创建一个高性能的虚拟滚动列表

单独渲染DOM上的项目会给用户带来明显的性能滞后,特别是当他们滚动浏览大型列表时。为了使滚动更有效,我们应该使用虚拟滚动列表,这样可以提高页面的加载速度,防止网络应用的卡顿。 虚拟滚动列表类似于标准的滚动列表,然而,在任何时候都只有用户当前视图中的数据被呈现出来。当用户向下滚动页面时,新的项目会随着旧的项目被删除而被呈现出来。 在这篇文章中,我们将探讨vue-virtual-scroll-lis

- 阅读全文 -

用姿态检测的方式为自己塑造骨架

在这篇文章中,我们将向你展示如何通过用TensorFlow.js和姿势检测分析网络摄像头的画面,将你的身体实时转化为一个骨架。为了达到最大的幽灵效果,我们建议在10月31日的夜深人静时学习这个教程。 我们最近做了一个有趣的万圣节实验,我们使用一种叫做姿势检测的东西,用你的身体来实时塑造你的身体的骨架。 你可以在这里自己尝试一下。Trick or Treat 在这篇文章中,我们将向你展示如何使用Te

- 阅读全文 -

如何处理过多的JavaScript

![bundle-size.jpg][1] 尽量减少页面中的JavaScript数量是确保快速的用户体验的一个重要步骤。 这篇文章将解释为什么包的大小很重要,并推荐你可以遵循的工具和流程,以监测、可视化,以及最重要的是,缩小你的JS包。 软件包的大小如何影响性能? 大量的JavaScript在两个不同的阶段对网站速度产生负面影响。 在页面加载期间:大的包需要更长的时间来下载。 在解析和编译过程中

- 阅读全文 -

Yarn vs npm: 你需要知道的一切

在本文章中,我们将比较Yarn与npm--两个最流行的软件包管理器。我们将把它们并列起来,探讨它们各自的优点和缺点,以帮助你选择在你的项目中使用哪一个。 铺设基础知识 在过去的好日子里,一个简单的文本编辑器就足以让开发者创建和管理他们项目的大部分内容。但从那时起,网络已经发生了巨大的变化。现在,即使是一个相当简单的项目,也会有成百上千的脚本,而且有复杂的嵌套依赖关系,如果没有某种自动化工具,根本

- 阅读全文 -

Svelte中的顶级表单验证库

简介 表单验证是很难的。这就是为什么有几个库可以为我们处理表单验证,所以我们不必自己设置自定义的验证解决方案。每个项目都有不同的表单验证需求,没有一个放之四海而皆准的解决方案。 因此,在这篇文章中,我将带领你了解最流行、最活跃的Svelte表单验证库,以帮助你选择在下一个项目中使用哪一个。我选择这七个库的依据是它们的GitHub星级和npm下载量,所以你可以确信你选择的库在其他开发者中很受欢迎。

- 阅读全文 -