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