最近在做一個微信端的小項目，前端代碼寫完后，就放在手機端測試，沒什么問題，但是頁面在加載和渲染時的效果卻讓人有些不爽，雖然是個小項目，我大可不必做這些，但是看著頁面的閃動，就忍不住想做些什么。
先說說問題吧：
上面是首頁效果圖，其實在最開始的時候并沒有考慮web端，這圖是給IOS和安卓native App用的。為了方面兩個本地APP的開發(fā)，所以上面的圖中，除了那幾個科目和下面的tabBar，其余都是圖片。
因為都是圖片，所以布局真的是挺簡單，但是問題也隨之來了，幾張圖片都是通過img標簽的src屬性去請求的，所以在刷新或者跳轉(zhuǎn)的時候，會有明顯的空白閃動。
因為每張圖片都會有請求，這樣就會有排隊等候的時間，獲取到圖片后再渲染繪制，這樣就造成了頁面每個圖片區(qū)域都會有短暫的空白閃動。
我的解決方法則是通過base64，可以比較下兩者的network情況：
1.請求時間比較
1.首次加載無緩存
（圖片通過請求獲取的情況）
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 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端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式