大量滚动数据求平均

本文探讨了一种在数据不断产生时计算平均值的有效方法,通过公式Avg[n]=((n-1)*Avg[n-1]+Data[n])/n,并提供了C#代码实例。作者反思了自己作为程序员的局限,强调了基础数学在编程中的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

该文章转载自: https://www.cnblogs.com/yin138/p/4902240.html
对内容作了些简单的补充和代码实现

大量滚动数据求平均
今天写一个程序,遇到一个求平均值的需求,数据不断的产生,如果记录所有数据,需要的存储空间是不可能的,比如我要计算消息的响应时延,一次程序运行将至少会有上亿次消息发送,存储每一次的响应时间,最后求平均,是不现实的。

在网上搜索找到一个公式,并通过EXCEL做了计算,验证了该公式的有效性,计算结果与实际算术平台值误差为零(经过后面的公式演算,其实,他的误差必须为零,haha),当然,我的测试样本只有26次,小样本都有如此高的精度,我想是没问题的了。

公式如下:

假设需要求平均的序列为Data[1], Data[2], Data[3]…Data[n]…

前n荐所求平均值为Avg[n]

算术平均为:

Avg[n] = (Data[1]+Data[2]+Data[3]+…+Data[n])/n

简单计算公式:

Avg[n] = ((n-1)*Avg[n-1] + Data[n])/n

具体公式的数学基础,我正在寻找中,如有知道的朋友,请告知我。

–经过晚上的冷静,思考,我发现我程序员思维已经很僵化了,一直以来,老师在教程序设计时,都会用从1+100应该用一个for循环来编写,在数学上,其实就是一个简单的等差数列求和公司可以搞定,像这里讨论的计算平均值,其它背后的数字真是简单的要命,而习惯摆度的我,从网上找到了上面的公式是如此的大呼神奇!而很少对一些常用的数字概念,哪怕一丁点,也懒得至思考了!我惊呼!

数字公式推算如下:

在这里插入图片描述

补充一下实现的代码 C#语言的.

var data = new double[LN]; 
double avg= 0; 
for (int i = 0; i < LN; i++)
{ 
    var n = i + 1; //这个n 必须得要, 应为数学上n是从1开始的. 
    //Avg[n] = ((n-1)*Avg[n-1] + Data[n])/n 
    avg = ( ( n - 1) * avg+ data[i]) / n; //滚动求平均  
    
}
### 如何在Vue3中实现虚拟滚动以优化大量数据 #### 虚拟滚动的概念及其重要性 虚拟滚动是一种用于优化大型数据集渲染的技术,其核心思想是只渲染当前视口可见的部分数据,而不是一次性将所有数据都加载到 DOM 中。这种方法可以显著减少 DOM 节点数量,从而提高性能和用户体验[^1]。 #### Vue3中的虚拟滚动实现方式 为了在 Vue3 中实现高效的虚拟滚动功能,可以通过以下几种方法: 1. **使用第三方组件** 市面上已经存在一些成熟的虚拟滚动组件库,例如 `vue-virtual-scroller` 或者专门针对 Vue 3 的虚拟滚动网格组件。这些工具经过优化设计,可以直接集成到项目中,快速解决问题[^2]。 2. **手动构建虚拟列表逻辑** 如果希望完全掌控虚拟滚动的行为,则可以选择自己编写代码来实现这一机制。以下是具体思路和技术要点: - 计算容器的高度以及每一项的平均高度。 - 根据用户的滚动位置动态计算哪些项应该被渲染出来。 - 使用缓冲区策略提前加载即将进入视野范围的数据项,防止因延迟而造成视觉上的卡顿或空白现象[^3]。 下面是一个简单的示例代码片段展示了如何创建基础版本的虚拟列表: ```javascript <template> <div ref="container" class="virtual-list"> <div v-for="(item, index) in visibleItems" :key="index">{{ item }}</div> </div> </template> <script setup lang="ts"> import { ref, computed } from 'vue'; const props = defineProps({ items: { type: Array, required: true, }, }); // 容器引用 const container = ref(null); // 配置参数 const ITEM_HEIGHT = 50; // 单个项目的高度 const VIEWPORT_SIZE = window.innerHeight / ITEM_HEIGHT; // 可见索引范围 let startIdx = Math.floor(window.scrollY / ITEM_HEIGHT); let endIdx = startIdx + VIEWPORT_SIZE; // 显示的内容 const visibleItems = computed(() => props.items.slice(startIdx, endIdx)); window.addEventListener('scroll', () => { const scrollTop = (container.value as HTMLElement).scrollTop; startIdx = Math.floor(scrollTop / ITEM_HEIGHT); endIdx = startIdx + VIEWPORT_SIZE; }); </script> <style scoped> .virtual-list { height: calc(v-bind(VIEWPORT_SIZE) * v-bind(ITEM_HEIGHT))px; overflow-y: auto; } </style> ``` 此代码仅为概念验证性质,在实际生产环境中还需要考虑更多细节如异步加载、图片预取等问题[^4]。 #### 解决动态高度及其他复杂场景 对于那些包含图片或者视频等多媒体资源并且每行高度可能不同的情况,建议采用测量法获取真实尺寸后再调整布局;另外还可以引入防抖动函数进一步改善交互体验。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值