乙個 passive 引發的bug

2022-07-24 03:27:13 字數 636 閱讀 3338

不是什麼很難的東西,權且做個記錄。

首先說下背景,目前的專案中,需要同時繫結 wheel 和 scroll 事件。

繫結 wheel,目的是開發 ctrl + wheel 縮放頁面功能,此功能與瀏覽器本身的衝突,因此需要禁用滾輪原生功能,示意**:

window.addeventlistener('wheel', function(e), );

此時遇到個問題,禁用 wheel 的同時,會將 scroll 事件也同時禁用,這個蛋疼的問題以前確實一直沒注意到,最終一行**搞定:

window.addeventlistener('wheel', function(e)

}, );

測試一圈後發現,其他主流瀏覽器都 ok,唯獨在搜狗瀏覽器中,無論如何禁用都沒用。

到搜狗瀏覽器論壇中,搜尋 「縮放」 關鍵字,發現也有使用者跟我遇到的問題一樣,但官方未回覆。

至此,基本可以確定是搜狗瀏覽器的相容問題,最終也確實如所想,公升級到 8.5.10後,本問題未復現。

document.body.style.zoom = 'reset'

使用這個屬性,可以讓瀏覽器縮放時,縮放的數字變化,但頁面實際不進行縮放,未經過大量瀏覽器測試,真實效用不保證。

乙個bug引發的感想

上周五,系統出現乙個bug。基本描述如下 b功能上傳乙個到 b路徑 a功能要獲取b路徑的,但是獲取路徑寫錯了,寫成了a路徑。線上突然出現此問題,訂單無法完成。該功能用到的頻率還比較大。無法馬上布版本。首先的想法想通過改資料來解決,但是發現不行。資料是動態的,不能改,也改不過來。其次的想法 新增b路徑...

乙個int型別引發的bug

今天我在專案開發中,遭遇了乙個莫名其妙的問題,概括加抽象後形成如下問題 在使用mybatis的xml語句實現dao層介面 listselectbysome param record personexample example 時候,我寫的xml中有這麼一句 if test record.id nul...

乙個int型別引發的bug

今天我在專案開發中,遭遇了乙個莫名其妙的問題,概括加抽象後形成如下問題 在使用mybatis的xml語句實現dao層介面 listselectbysome param record personexample example 時候,我寫的xml中有這麼一句 if test record.id nul...