總喜歡在前面囉嗦一些...
如題,在日常緊急開發中,完成需求固然排在前面(畢竟產品會追著你打?),但是需求完成之後還是很有必要去優化我們的專案的!
花一兩個月去做了乙個專案,需求評審、原型評審、開發排期、測試用例評審、設計圖評審(感覺不斷的在開會)、開發、聯調、提測、上線...大功告成,告辭!
當然這期間的流程每個公司都會不同,可能還會有需求變更什麼的...
我們今天只談上線之後...
上線之後,各種bug如期而至,正如你所料,需求所涉及的功能都做了,為什麼還遭到使用者投訴,這裡不好那裡又有問題?
對於使用者而言,你的首頁載入速度,很考驗他(她)的耐心,so,首頁載入優化得做
最簡單易見的就是了,關於的優化:
壓縮上傳,已附鏈結,還蠻好用的,去各大**看一下,首頁總共的資源
x寶
x東
可以看到,電商類的首頁才只有不到2m的,還有你會發現,懶載入和預載入也起了至關重要的作用,預載入就是在網頁全部載入之前提前載入。當使用者需要檢視時可直接從本地快取中渲染以提供給使用者更好的體驗減少等待的時間,懶載入就是滑到可視區再載入(或滿足條件再載入)
精靈圖 (請css喝雪碧)老生常談了,就是將很多的小圖示集合到乙個中去,目的是減少資源請求(網頁的快取機制是會略去本地已經有的資源),這個讓設計師把一些簡單的小圖示整合到一張圖給到前端就好了,前端設定
background-image: url('../../img/jlt.png');
background-size: 4.34rem;//根據大圖算出來的
background-position: 0.2rem 0.3rem;//位置拿photoshop量或者手動試也可以(?)
還有一些小icon,要會變色(不是根據眼睛變化那個..),根據**主題色去變(或者就是迭代需求只是變色,圖示不變),那再讓設計師把帶顏色的加到精靈圖中,相信你倆都不爽,這時候可以考慮用
svgsvg明顯能滿足變色需求,改fill屬性就好了,不管你是主題色還是需求變更,而且svg是向量級的圖示,佔位也很小,你要是變換3個顏色,精靈圖裡面就得給你三個不同顏色圖示,所以從空間上也有優勢
@font-face
@font-face
.icon
具體頁面使用加上icon這個類名,改顏色,就是直接改color,也是灰常的好用
前提是vue+webpack
都知道,如果不做,在首頁會載入所有的頁面資源,於是出了個解決方案:到哪個頁面再去載入對應的資源
寫法一:const abc = r => require.ensure(, () => r(require('../pages/acb/abc.vue')), 'abc');
寫法二:
},
把網速調慢,會發現,第一種寫法會有很長的白屏時間(頁面title變了,頁面未變),第二種快了一些,而且第二種寫法也更簡潔
開發中,可能有點小摩擦,『你的元件比較偏向於你,我要自己從新寫乙個』
元件的設計一定要滿足大眾口味,這樣才能節省一些空間出來
比如load、彈框等等,主體結構復用,style在個人頁面調整
還有一些大而廣的東西:
減少請求(只能說盡量,業務需要該少的少不了)
減少dom操作(現在都是虛擬dom,還在講dom操作...)
避免使用css表示式(很少有人寫吧,盡量用rem替換calc吧)
函式防抖和函式節流(小紅書函式部分明確有些,load也可以替代功能)
首屏服務端渲染(還不錯,介面直接返回page)
...只有真正的在完成需求後,才會遇到種種問題,才能想到去優化哪些東西,所以實踐真的是檢驗真理的唯一標準
有時間新建個demo實際操作一波還是很不錯的選擇,畢竟聽別人叨叨似懂非懂的,換成自己的東西還能吹上一番
個人主觀努力很重要,但方向更重要!
學員姓名 陳靜思 所在班級 北京1001期班 就業單位 深圳航天科技 工作職位 嵌入式開發工程師 2009年12月25號準備了近四個月的考研,倏然而止。放棄保送,放棄考研,慨然擇業。只是想 路是自己走出來的,我喜歡計算機但唯有將理論與實踐結合方能啟用技術的生命。2010年1月1日,北京的傍晚小雪飄然...
需求分析遠比編碼更重要
進入新的專案已將兩周了,記錄一下這斷時間的感受。有些是自己犯過的錯誤,記錄在此,供以後借鑑。專案初期需求分析遠比編碼更重要。專案初期,需求總是處於不斷變化之中。很多時候連客戶自己也描述不清楚自己需要乙個什麼樣的軟體,很多新的需求總是不斷地在增加或者改變,也許前一段時間重點開發出來的模組並不是客戶看重...
汽車空調的開關順序很重要,除菌更重要!
對於汽車保養來說,每個司機都有自己的保養方法很多,有的車主為了更方便直接經常送去4s店讓相關人員去保養,花費了很多的錢財,給很多車主帶來了更大的經濟壓力,但是也有很多車主為了省去一些保養的費用,自己保養但是如果有些問題不注意的話,可能會影響汽車的使用壽命,對相關零件造成不必要的損害,不僅沒有起到保養...