canvas的主要功能就是用來繪制內容，有時候為了給用戶流暢的視覺感受，需要繪制的頻率要求很高，這樣對繪制的性能就有要求，那么怎么才能寫出高性能的繪制代碼呢。 盡可能少調用api 例如我們繪制一段線條，如果用如下代碼的話，每移動一次就stroke一次： 優化后代 ...

canvas玩多了后，就會自動的要開始考慮性能問題了。怎么優化canvas的動畫呢？ 【使用緩存】 使用緩存也就是用離屏canvas進行預渲染了，原理很簡單，就是先繪制到一個離屏canvas中，然后再通過drawImage把離屏canvas畫到主canvas中。可能看到這很多人就會誤解，這不是 ...

本文分享一下ehcache的使用心得，本文主要講以廣播的形式同步緩存。 下面講述主要分為兩個部分，一個是配置文件，一個是Java代碼。 1.准備jar包： slf4j-api-1.7.12.jar，ehcache-core-2.4.3.jar，ehcache-web-2.0.4.jar 備注 ...

a. 請求數量：合並腳本和樣式表，CSS Sprites，拆分初始化負載，划分主域 b. 請求帶寬：開啟GZip，精簡JavaScript，移除重復腳本，圖像優化，將icon做成字體 c. 緩存利用：使用CDN，使用外部JavaScript和CSS，添加Expires頭，減少DNS查找，配置 ...

瀏覽器的緩存策略通常分為兩種：強緩存和協商緩存 強緩存 強緩存表示在緩存期間不需要請求。可以通過設置兩中響應頭來實現 Expires和 Cache-control。 Expires: Thu, 23 May 2030 04:33:16 GMT Expires出現 ...

1. 前言：為什么要用緩存？ 用戶數增長，架構演變，數據量增大，開始考慮怎么去做性能優化。 而性能優化的第一定律就是：優先考慮使用緩存。 2. 緩存的基本原理 2.1 緩存的作用 1、加快數據訪問速度； 2、減輕后端應用和數據存儲的負載壓力。 2.2 緩存的特征 1、命中率：命中率 ...

緩存的應用場景 CPU緩存 是位於CPU與內存之間的臨時存儲器，它的容量比內存小的多但是交換速度卻比內存要快得多。(選用存儲介質，提高訪問速度：高速緩存>內存；減少重復量) 瀏覽器緩存 瀏覽器可以緩存一些靜態資源，比如圖片、js、css等，這些都是不常變化的內容，所以沒有必要每次都去 ...

一、正常動畫實踐 為了使用戶達到更好的體驗，做動畫的時候都知道用requestAnimationFrame了，但是他也是有極限的，當繪制的東西足夠多或者復雜的時候，頻繁的刪除與重繪降低了很多性能。 在canvas中粒子系統應該算是比較常見的一種了，現在創建一個canvas畫布，並繪制100 ...