通過setTimeout來取消因大量計算造成的網頁卡頓

js是單線程的，所以有些大量計算的操作會占用線程資源，導致頁面卡住。

今天遇到這樣一個場景，選擇一個下拉框之后，對數據進行篩選，這個過程中有大量計算，點了selecte的option之后，option不隱藏，一直卡在那里，直到篩選計算完成。

這個體驗非常差，于是想，能不能接觸當前線程的占用，讓交互看起來流暢些？

試著用剛剛觸發的時候顯示一個loading，然后用 ? setTimeout(func,0), ?把計算的操作放到線程任務隊列末尾，這樣做果然頁面操作不再卡頓了

轉載于:https://www.cnblogs.com/tzyy/p/4208992.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/376356.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/376356.shtml
英文地址，請注明出處：http://en.pswp.cn/news/376356.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

160 - 47 DueList.2

160 - 47 DueList.2

環境： Windows xp sp3 工具： Ollydbg exeinfope 0x00 查殼 無殼的程序 0x01 分析 運行后說需要keyfile，那就創建一個。 OD載入找找看需要的keyfile叫什么名字 00401000 > $ 6A 00 push 0x0 …
閱讀更多...
如何解決Visual Studio2012 與此版本的Windows不兼容

如何解決Visual Studio2012 與此版本的Windows不兼容

解決方案： http://www.microsoft.com/zh-CN/download/details.aspx?id36020 下載更新轉載于:https://www.cnblogs.com/awodefeng/p/3373343.html
閱讀更多...
160 - 48 DueList.3

160 - 48 DueList.3

環境： Windows xp sp3 工具： Ollydbg exeinfope 0x00 查殼 無殼的程序 0x01 分析 應該就是選上某個或多個框后點Check就能成功的，那應該就是不同框對應不同的值咯。旁邊還有個提示：建議使用資源編輯器。 直接OD載入&#x…
閱讀更多...
為什么django+mongo在windows上session能夠獲取到，同樣的程序在linux上就會報session的變量錯誤，keyerror？...

為什么django+mongo在windows上session能夠獲取到，同樣的程序在linux上就會報session的變量錯誤，keyerror？...

settings：SESSION_ENGINE django.contrib.sessions.backends.cache 其它地方：正常存取值。request.session["mm"]“MM” 轉載于:https://www.cnblogs.com/angelfeeling/p/4211261.html
閱讀更多...
圖片上傳 關于壓縮的問題

圖片上傳 關于壓縮的問題

圖片上傳 關于壓縮的問題 如果不壓縮，圖片的數據量非常大，很影響上傳速度 http://blog.csdn.net/jinglijun/article/details/8751269 http://blog.csdn.net/jinglijun/article/details/8751220轉載于:https://www.cnblogs.com/kevingod/p/3375507.html
閱讀更多...
160 - 49 DueList.4

160 - 49 DueList.4

環境： Windows xp sp3 工具： ollydbg exeinfope 0x00 查殼 無殼的程序 0x01 分析 運行后隨便輸入點東西， OD載入： 00401127 > /6A 00 push 0x0 ; /lParam 0 00401129 …
閱讀更多...
java中的codereview

java中的codereview

關于codereview，在平時的開發中，經常忽略的環節，參照目前介紹寫好代碼的幾本書和之前掉進的坑，做了一個總結，分享出來。 為什么要做 通過review規避一些代碼層面的問題提升可讀性，…
閱讀更多...
linux下開機啟動腳本的方法

linux下開機啟動腳本的方法

1.準備好要隨機啟動的程序，例如 /root/test.sh 。確保其可執行。 2.在目錄 /etc/init.d/ 下編寫控制腳本 test 。 #!/bin/sh ### BEGIN INIT INFO # Provides: test # Required-Start: $remote_fs # Required-Stop: $remote_fs # Default-Start: …
閱讀更多...
理解i-node

理解i-node

原文鏈接:http://www.ruanyifeng.com/blog/2011/12/inode.html 感覺講得挺好,便做個記錄.轉載于:https://www.cnblogs.com/malware/p/3377616.html
閱讀更多...
MD5算法詳解

MD5算法詳解

0x00 前言 MD5是一種哈希算法，用來保證信息的完整性。 就一段信息對應一個哈希值，且不能通過哈希值推出這段信息，而且還需要保證不存在任意兩段不相同的信息對應同一個哈希值。不過MD5算法算出來的值也就16個字節（16*8128&#x…
閱讀更多...
我的2015年讀書計劃，每兩周讀完一本書！

我的2015年讀書計劃，每兩周讀完一本書！

近日看到一篇文章，說Facebook CEO 馬克扎克伯格給自己的2015年定下了一個新的挑戰，每兩周就要讀完一本書（傳送門：戳這里）。想了一下，我自己也很久沒看書了，所以今年要改變一下，給自己…
閱讀更多...
書到用時方恨少

書到用時方恨少

以前覺得的自己的英語還行，四級，六級的什么早就在讀書的時候過了， 工作以后，陸陸續續也一直用著英語。 最近發現和老外私下聊天的時候，詞匯量嚴重不足。不明白老外在說什么，一起跟著傻笑。 活到老&#xff…
閱讀更多...
kettle7.1 右上角不顯示connect

kettle7.1 右上角不顯示connect

kettle7.1右上角不顯示connect，就無法使用資源庫了。 總結一下解決方法： 1.可能是jdk版本不對，最好使用1.8。原本是10.1，不顯示connect，后來裝了個1.8后就能顯示了。記得是要改環境，javac -version 能顯示…
閱讀更多...
基于XMPP協議的aSmack源碼分析

基于XMPP協議的aSmack源碼分析

在研究如何實現Pushing功能期間，收集了很多關于Pushing的資料，其中有一個androidnp開源項目用的人比較多，但是由于長時間沒有什么人去維護，聽說bug的幾率挺多的，為了以后自己的產品穩定些，所以就打算自己研…
閱讀更多...
[Reverse] - 百度杯”CTF比賽 2017 二月場-CrackMe-1

[Reverse] - 百度杯”CTF比賽 2017 二月場-CrackMe-1

環境：Windows XP 工具： IDA OD EXEINFOPE 0x00 查殼 0x01 分析 拖入OD，字符串查找看一看。 跟進去看就可以知道關鍵call了 0040196A . 48 dec eax 0040196B . 0F85 C4000000 jnz CrackMe1.00401A35 00401971 . …
閱讀更多...
【DeepLearning】Exercise:Learning color features with Sparse Autoencoders

【DeepLearning】Exercise:Learning color features with Sparse Autoencoders

Exercise:Learning color features with Sparse Autoencoders 習題鏈接：Exercise:Learning color features with Sparse Autoencoders sparseAutoencoderLinearCost.m function [cost,grad,features] sparseAutoencoderLinearCost(theta, visibleSize, hiddenSize,…
閱讀更多...
win7 64位系統下 PL/SQL無法連接的問題

win7 64位系統下 PL/SQL無法連接的問題

第一步：下載oracle客戶端 由于 PLSQL Developer 沒有64位版本，所以在64位系統上運行該程鏈接64位Oracle時就會報錯，筆者為這個問題糾結了好幾天，后來通過請教Google 動手實踐，終于搞定了這個問題。現在把筆者解決的過…
閱讀更多...
SQL2008R2 express版本不支持維護計劃

SQL2008R2 express版本不支持維護計劃

SQL2008R2 express版本不支持維護計劃轉載于:https://www.cnblogs.com/toSeeMyDream/p/4218626.html
閱讀更多...
SHA1算法詳解

SHA1算法詳解

0x00 前言 SHA1算法也是哈希算法的一種，只要理解了MD5算法，SHA1也很快就能理解。 MD5算法可以參考：MD5算法詳解 MD5算法得出的MD5值長度為16個字節（8*16128位） SHA1算法得出的SHA1值長度為20個字節（8*2…
閱讀更多...
HTML5 地理位置定位（HTML5 Geolocation）

HTML5 地理位置定位（HTML5 Geolocation）

地理位置（Geolocation）是 HTML5 的重要特性之一，提供了確定用戶位置的功能，借助這個特性能夠開發基于位置信息的應用。今天這篇文章向大家介紹一下HTML5 地理位置定位的基本原理及各個瀏覽器的數據精度情況。 在訪問位置信息前&a…
閱讀更多...
最新文章

Copyright @ 2022~2023