總結關於前端效能注意點

css如何垂直居中一個元素的問題已經是一個老生常談的問題了。不管對新手或老手，在面試過程中是常被問到的。前兩天在看一個flex的影片教程，當中提到了有關元素的居中問題，所以今天小編就來扒一扒幾種常見的方式。缺點請大家批評指正（所有的代碼都是自己親手敲過可用的）1、水平居中（margin:0 auto;） 關於這個，大家應該是最不陌生的,不管是在培訓班還是自己自學的話。這個應該是老師講的第一個方法了（水平方向上），但是其有一個前提，就是被包裹的元素不能有浮動的屬性。否則的話這個屬性就會失效。具體如下圖碼： body{margin: 0;}

1. 詳解CSS3頁面佈局瀏覽器相容與前端效能最佳化方法

簡介：這篇文章詳解css中元素如何在其父元素居中顯示方法

#2. 在HTML5中如何提高網站前端效能的範例程式碼分析

簡介：1. 用web storage取代cookiesCookie最大的問題是每次都會跟在請求後面。在HTML5中，用sessionStorage和localStorage把使用者資料直接在客戶端，這樣可以減少HTTP請求的資料量。而且Web storage還提供了API來操作數據，不像cookie，還得自己寫。 // if localStorage is present, use th

#3. JavaScript事件高效能編寫的實例程式碼

##簡介：如何能做出高效率的web前端程式是我每次做前端開發都會不自覺去考慮的問題。幾年前雅虎裡牛逼的前端工程師們出了一本關於提升web前端性能的書籍，轟動了整個web開發技術界，讓神秘的web前端優化問題成為了大街的白菜，web前端優化變成了菜鳥和大牛都能回答的簡單問題，當整個業界都知道了驚天秘密的答案，那麼現有的優化技術已經不能對你開發的網站產生的質的飛越，為了讓我們開發的網站性能比別人的網站更加優秀，我們需要更加深入的獨立思考，儲備更加優秀的..

#4. HTML前端性能優化之CDN和WPO的比較說明

簡介：這篇文章介紹HTML前端效能最佳化之CDN和WPO的比較說明

5. CSS3瀏覽器相容

簡介：本篇文章主要介紹了CSS3與頁面佈局學習總結－瀏覽器相容與前端效能優化，具有一定的參考價值，有需要的可以了解一下。

6. 使用HMTL5 API監控前端效能

############ ###簡介：使用者計時API可以在網頁應用程式中測量兩個預先定義標記之間的效能。開發者僅僅需要分別定義測量的開始和結束標記。可以透過JavaScript物件「」提供的函數，對計時位置進行標記。 ############7. ###關於編寫效能高效的javascript事件的技術#########

簡介：如何能做出高效率的web前端程式是我每次做前端開發都會不自覺去考慮的問題。幾年前雅虎裡牛逼的前端工程師們出了一本關於提升web前端性能的書籍，

#8. 【面試季二】前端性能優化_html /css_WEB-ITnose

簡介：【面試季二】前端效能最佳化

9. Web前端效能最佳化_html/css_WEB-ITnose

簡介：Web前端效能最佳化

10. 【前端效能】高效能捲動scroll 及頁面渲染優化_html/css_WEB-ITnose

#簡介：【前端效能】高效能滾動scroll 及頁面渲染優化

#【相關問答推薦】：

前端效能- javascript如何判斷頁面的效能

javascript - 頁面有大量的廣告程式碼，應該如何處理以提高頁面前端效能？

javascript - 前端被問到效能和安全，有總結的比較全面的嗎？

javascript - 關於ajax快取的問題？

javascript - 關於前端效能最佳化和瀏覽器相容性，誰有好的資料共享麼？