最近在修改乙個遊戲框架時發現頁面渲染效率驟降，cpu從原先的10%左右上公升到50%（乙個核已經滿負載了），fps也下降不少。經過一番除錯，發現是其中的乙個img元素引起的。和頁面裡其他img元素不同之處在於，這個的尺寸是通過指令碼縮放的，難道的尺寸會影響渲染效率嗎？下面來測試下。
這裡選擇一幅600*400的，讓它隨滑鼠移動，以此可以產生頻繁的渲染。
可以發現，即使劇烈的晃動滑鼠，cpu也僅僅耗了一點點而已。然而，對上述的**做一點點微小的改動，把height="400"改成401，然後再次測試，這時cpu就直接飆公升到了一半，（單核的話估計滿滿的100%）。
由此可以推斷，瀏覽器對同一張資料在記憶體裡只有1個快取，即便是尺寸被修改過的。所以在渲染到那些被縮放過的時，每次都需要進行一次縮放處理。事實上，這些縮放處理是很複雜的，它並非簡簡單單的將畫素拉開或縮小，而是通過一些複雜的演算法，進行模糊平滑處理。你也應該看到過，小圖放大後，會出現不少過度的顏色值，讓人感覺不是那麼的生硬。
同樣，使用css的width和height屬性縮放，也會出現此現象。更進一步，用ie專有的zoom屬性，以及css3的transform:scale縮放，不論是img元素，還是帶背景的div元素，都是如此。即使用css3的background-size改變背景大小，還是一樣。
在其他瀏覽器上測試，只有opera在縮放後cpu沒有太大的影響，可能是瀏覽器對縮放後的影象儲存在乙個副本裡了。
原始尺寸 如何選購合適尺寸的電視機？
作為 三塊螢幕 中，輩分 最高的電視機，隨著手機 電腦的普及，雖日漸式微，但仍在我們日常生活中占有重要地位。電視機的尺寸則往往是我們選購時首先考慮到的因素。尺寸過小 電視周邊的物品會一同出現在視野中，干擾 者的注意力，影響體驗 尺寸合適 剛好欣賞到全部畫面，沉浸感十足 尺寸過大 無法 到完整的畫面。...
外媒透露蘋果會推出螢幕尺寸更大的iPad
程式設計客棧 w程式設計客棧ww.cppcns.com 6月28日 訊息 外國記者馬克古爾曼 mark gurman 在他為彭博社撰寫的新文章中稱ccwpnhggib，蘋果正在探索未來具有更大顯示屏的ipad，不過他補充說，如果有的話，可能至少需要幾年時間才能發布。在文中他表示，有人告訴我，蘋果有工...
實現瀏覽器相容的漂浮窗體拖動 改變尺寸的技術要點
應用場景 用乙個 div 套乙個 iframe 實現的漂浮視窗，要實現拖動標題欄自由移動，拖動邊緣改變尺寸的功能。要實現流暢的拖動效果，其要點總結如下 1.處理這些事件 mousemove,mousedown,mouseup.2.同時處理當前視窗和父視窗 document 的滑鼠移動事件，防止移動出...