在Web應(yīng)用中,實現(xiàn)動畫效果的方法比較多,Javascript 中可以通過定時器 setTimeout 來實現(xiàn),css3 可以使用 transition 和 animation 來實現(xiàn),html5 中的 canvas 也可以實現(xiàn)。除此之外,html5 還提供一個專門用于請求動畫的API,即 requestAnimationFrame,顧名思義就是請求動畫幀。 為了深入理解 requestAnimationFrame 背后的原理,我們首先需要了解一下與之相關(guān)的幾個概念:
1、屏幕刷新頻率
即圖像在屏幕上更新的速度,也即屏幕上的圖像每秒鐘出現(xiàn)的次數(shù),它的單位是赫茲(Hz)。 對于一般筆記本電腦,這個頻率大概是60Hz, 可以在桌面上右鍵->屏幕分辨率->高級設(shè)置->監(jiān)視器 中查看和設(shè)置。這個值的設(shè)定受屏幕分辨率、屏幕尺寸和顯卡的影響,原則上設(shè)置成讓眼睛看著舒適的值都行。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26