测试缓存时间问题console.time

最新推荐文章于 2021-09-18 10:02:58 发布

weixin_30367169

最新推荐文章于 2021-09-18 10:02:58 发布

阅读量196

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haonanya/p/9661418.html

本文介绍了一种使用JavaScript内置方法console.time及其配套方法console.timeEnd来记录代码执行时间的有效方式。这种方法可以帮助开发者评估不同代码片段的运行效率。

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

// 启动计时器
console.time('testForEach');

// (写一些测试用代码)

// 停止计时，输出时间
console.timeEnd('testForEach');

转载于:https://www.cnblogs.com/haonanya/p/9661418.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30367169

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序 - 纯前端 wx.setStorage 设置缓存过期时间自动清除（时效缓存）

资深程序员

06-14

5538

本文在不借助后端接口的情况下，利用前端逻辑实现一个可指定过期时间的时效缓存，如下图所示，设置一个5秒过期的缓存，过期后读取时自动清除。您可以随便找个页面，复制以下代码运行起来。写在后面可将/两个核心函数进行抽离，植入到您项目中。...

资深程序员

08-24

4252

微信小程序，vue2，vue3，缓存，前端实现缓存过期时间自动清除，微信小程序中如何通过设置缓存过期时间，实现前端自动清除过期数据的功能，微信小程序 wx.setStorageSync 本地储存缓存过期时间，前端进行数据缓存，设置过期时间的方法，本地存储增加有效期，设置时间缓存限制，一段时候后自动清理缓存，数据缓存实现缓存过期时间，设置缓存过期时间，微信小程序设置缓存失效时间及读取缓存，微信小程序实现缓存根据不同的id来进行设置和读取缓存，不依赖后端，无需api接口，不用服务器，如何在固定时间内自动清掉指

参与评论您还未登录，请先登录后发表或查看评论

检测缓存文件是否超时

silence_0313的博客

11-04

313

+ (BOOL)isTimeOutWithFile:(NSString *)filePath timeOut:(double)timeOut { //获取文件的属性 NSDictionary *fileDict = [[NSFileManager defaultManager] attributesOfItemAtPath:filePath error:nil]; /

对app缓存的测试

主攻大数据人工智能物联网安全低空经济等方向。mtsc 、gtest特邀分享嘉宾

04-22

1959

针对app端添加了缓存机制的测试点 1.需要对多个手机系统版本进行测试如ios 需要8.0的老版本和12.0的新版本 2.需要对业务进行测试： a.业务流程能够跑通，在启动的时候如果本地有缓存，直接拿缓存，如果没有在调用接口添加缓存。 b. 对业务流程的测试需要注意以下内容: 　　1>本地已经有缓存了，怎么才能在启动时看出来是用了缓存而不是直接调用的接口。　　　...

缓存测试_测试缓存的注意事项

cunchi8090的博客

07-20

1653

缓存测试Software development teams often use in-memory caches to improve performance. They want to speed up access to, or reduce load on, a backing store (database, file system, etc.) by keeping some or a...

缓存大小_数据缓存测试：

weixin_34020067的博客

01-11

505

数据缓存测试点：1. 缓存大小——客户端设定缓存数据大小峰值2. 缓存数据量——设置需要缓存的数据3. 缓存时间——设定存储缓存时间环境：一. 无网——有数据1.缓存大小未超过，缓存时间有效期内，显示缓存数据加载2. 缓存大小超过，本地缓存数据删除，显示无网提示，无数据加载3.缓存时间过期，本地缓存数据删除，显示无网提示，无数据加载——无数据1.显示无数据加载二.有网——有数据1.缓存大小未超过，...

Console汇总（console.count()、console.time()、console.trace()等）

龙丨行的博客

04-05

982

console.count(eventName) eventName非必填统计被调用的次数，放在函数中可以计算某段代码的执行次数。使用方法： for(var i = 0; i< 5; i++){ console.count() console.count(‘调用次数’) } 注意点：注意若eventName相同，则自动进行累加（eventName不填写也是一样） ...

const menuOptions = computed(() => { console.time("processMenuItems"); const res = processMenuItems(sidebarMenu); console.timeEnd("processMenuItems"); return res; }); processMenuItems: 0.68701171875 ms vertical.vue:46 processMenuItems: 0.370849609375 ms vertical.vue:46 processMenuItems: 0.219970703125 mS执行了三遍

04-01

另外，用户可能在开发环境中使用console.time进行性能测试，但生产环境中应移除这些代码，避免影响性能。同时，多次调用可能仅在开发阶段出现，因为Vue在开发模式下会进行更多的检查，比如依赖收集，而在生产模式下...

方法一 this.largeObjectArray = this.createLargeObjectArray(); const newWatch = (callback) =>{ const largeObjectArray = this.largeObjectArray; let lastLogTime= 0; const tablePrintTime = this.calculateTime(() => { console.table(largeObjectArray); }); const printLogTime = this.calculateTime(() => { console.log(largeObjectArray); }); if (tablePrintTime > 0 && printLogTime > 0) { if (tablePrintTime > printLogTime * 10) { console.log('时间对比', tablePrintTime, printLogTime); callback(true); return; } lastLogTime = printLogTime; } callback(false ); } 方法二 const newWatch = (callback) =>{ const largeObjectArray = this.createLargeObjectArray(); let lastLogTime= 0; const tablePrintTime = this.calculateTime(() => { console.table(largeObjectArray); }); const printLogTime = this.calculateTime(() => { console.log(largeObjectArray); }); if (tablePrintTime > 0 && printLogTime > 0) { if (tablePrintTime > printLogTime * 10) { console.log('时间对比', tablePrintTime, printLogTime); callback(true); return; } lastLogTime = printLogTime; } callback(false ); } 共同函数createLargeObject，createLargeObjectArray，calculateTime // 创建大对象数组 createLargeObject() { if (!this._largeObject) { this._largeObject = Array.from({length: 500}, (_, i) => ({ key: i, value: `${i}` }) ); } return this._largeObject; } // 创建大对象数组 createLargeObjectArray() { return Array(50).fill(this.createLargeObject()); } // 计算打印执行时间 calculateTime(func) { const start = performance.now(); func() return performance.now() - start; } 解释方法一和方法二谁更完美

03-15

如果`console.table`在处理同一个数组实例时有缓存或优化，可能执行时间更短，但如果是不同的数组实例，可能需要重新处理结构，增加时间。但根据用户提供的代码，两种方法的主要区别在于数组实例的生成位置，而元素...

function getHTML ( srvurl, onsuccess,postdata, tout, retries ) { postdata = postdata || ""; tout = tout || null; onsuccess = onsuccess || null; if (retries === undefined) retries = 1; if ( postdata != "" ) $.ajax({ url: srvurl, dataType: "html", data: postdata, type: "POST", success: onsuccess, timeout: tout, error: function(jqXHR, textStatus) { //console.log(srvurl + " " + textStatus); if ( retries > 0 ){ //console.log("Retrying..."); getHTML ( srvurl, onsuccess, postdata, tout, retries - 1 ) } } }); else $.ajax({ url: srvurl, dataType: "html", success: onsuccess, timeout: tout, error: function(jqXHR, textStatus) { //console.log(srvurl + " " + textStatus); if ( retries > 0 ){ //console.log("Retrying..."); getHTML ( srvurl, onsuccess, postdata, tout, retries - 1 ) } } }); }