資訊專欄INFORMATION COLUMN
摘要：但是是自帶清除定時器的，因此正確解決方法如下注意必須放在外層在內(nèi)層會導(dǎo)致頁面卡頓直到崩潰，內(nèi)層配合，即可無限次調(diào)用我們的接口啦
歡迎關(guān)注前端小謳的github，閱讀更多原創(chuàng)技術(shù)文章
在vue.js項目中，經(jīng)常需要對數(shù)據(jù)實時更新——每隔xx秒需要刷新一次接口——即需要用到定時器相關(guān)原理
我們先看一看2種常用定時器：
setInterval(function(){}, milliseconds)——會不停的調(diào)用函數(shù)
setTimeout(function(){}, milliseconds)——只執(zhí)行函數(shù)一次
乍看之下，setInterval會符合我們的業(yè)務(wù)需求，然而也需要注意一些坑，單純的使用setInterval會導(dǎo)致頁面卡死！其原因與JS引擎線程有關(guān)（有興趣的童鞋可自行研究相關(guān)資料），用通俗話說就是setInterval不會清除定時器隊列，每重復(fù)執(zhí)行1次都會導(dǎo)致定時器疊加，最終卡死你的網(wǎng)頁。
但是setTimeout是自帶清除定時器的，因此正確解決方法如下：
window.setInterval(() => {
setTimeout(fun, 0)
}, 30000)
注意：setInterval必須放在外層（在內(nèi)層會導(dǎo)致頁面卡頓直到崩潰），內(nèi)層配合setTimeout，即可無限次調(diào)用我們的接口啦！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99695.html
摘要：我們參考小程序的設(shè)計思路進(jìn)行了優(yōu)化升級，為每一個需要特有化配置的頁面添加一個格式的配置文件，配置文件包括導(dǎo)航欄的配置頁面級別的配置跳轉(zhuǎn)的配置等，將配置工程化標(biāo)準(zhǔn)化。設(shè)置導(dǎo)航欄按鈕包含按鈕樣式的數(shù)組通過完成按鈕事件的回調(diào)。一、背景1.為什么是Weex在公司快速發(fā)展的大環(huán)境下，App的更新迭代高速、高頻，技術(shù)團(tuán)隊平均兩周便可誕生一款中型App，但App團(tuán)隊只有6個人（iOS 、Android各3...
摘要：頁面性能優(yōu)化學(xué)而不思則惘，思而不學(xué)則殆前幾天接到一個頁面效果優(yōu)化的任務(wù)，邊做邊查閱了一些關(guān)于頁面性能的資料?？赡苤恍枰谥惺褂眠@類屬性，即可開啟硬件加速硬件加速真的那么好嗎從本人在移動端開發(fā)的實踐來看，硬件加速是比較坑的。 頁面性能優(yōu)化 學(xué)而不思則惘，思而不學(xué)則殆 前幾天接到一個頁面效果優(yōu)化的任務(wù)，邊做邊查閱了一些關(guān)于頁面性能的資料。做完任務(wù)之后，抽空寫了一篇總結(jié)，梳理一下思路，加深自...
摘要：頁面性能優(yōu)化學(xué)而不思則惘，思而不學(xué)則殆前幾天接到一個頁面效果優(yōu)化的任務(wù)，邊做邊查閱了一些關(guān)于頁面性能的資料。可能只需要在中使用這類屬性，即可開啟硬件加速硬件加速真的那么好嗎從本人在移動端開發(fā)的實踐來看，硬件加速是比較坑的。 頁面性能優(yōu)化 學(xué)而不思則惘，思而不學(xué)則殆 前幾天接到一個頁面效果優(yōu)化的任務(wù)，邊做邊查閱了一些關(guān)于頁面性能的資料。做完任務(wù)之后，抽空寫了一篇總結(jié)，梳理一下思路，加深自...
摘要：百度搜索資源平臺有閃電算法的支持，為了能夠保障用戶體驗，給予優(yōu)秀站點更多面向用戶的機會，閃電算法在年月初上線。下欄是每一個指標(biāo)的細(xì)化性能評估。最后優(yōu)化之路漫漫，永無止境，天下武功，唯快不破。 showImg(https://segmentfault.com/img/remote/1460000018537491); 首屏作為直面用戶的第一屏，其重要性不言而喻，如何加快加載的速度是非常重...
閱讀 3249·2021-11-24 10:30
閱讀 1359·2021-09-30 09:56
閱讀 2442·2021-09-07 10:20
閱讀 2656·2021-08-27 13:10
閱讀 763·2019-08-30 11:11
閱讀 2110·2019-08-29 12:13
閱讀 800·2019-08-26 12:24
閱讀 2967·2019-08-26 12:20
