css效能優化
1、衡量屬性和布局的消耗代價；
2、探索w3c的效能優化新規範；
3、用測試資料判斷優化策略。
慎重選擇高消耗的樣式
1、box-shadows;
2、border-radius;
3、transparency;
4、transforms;
5、css fitters（效能殺手）。
避免過分重排（reflow 瀏覽器重新計算布局位置與大小）
常見的重排元素：
width
height
padding
margin
display
border-width
border
topposition
font-size
float
text-align
overflow-y
font-weight
overflow
left
font-family
line-height
vertical-align
right
clear
white-space
bottom
min-height
避免過分重繪（repaints）
常見的重繪元素：
color
border-style
visibility
background
text-decoration
background-image
background-position
background-repeat
outline-color
outline
outline-style
border-radius
outline-width
box-shadow
background-size
CSS 談談柵格布局
檢驗前端的乙個基本功就是考查他的布局。很久之前聖杯布局風靡一時，這裡就由聖杯布局開始，到最流行的bootstrap柵格布局。聖杯布局 聖杯布局是一種三列布局，兩邊定寬，中間自適應 聖杯布局的原理就是當子元素處於浮動狀態時，設定負margin，子元素會疊蓋到兄弟元素之上。那麼能否用現在想要將其中藍色區...
談談VR遊戲的效能優化
vr遊戲相對傳統遊戲，個人認為主要有三個方面的不同 玩法設計，輸入方式，效能壓力。今天就來談一下vr遊戲中的效能優化。為什麼vr遊戲的效能壓力很大?高解析度 dk2為1920 1080，最新的cv1為2160 1200 htc vive為2160 1200 ps4 vr為1920 1080 即使以d...
談談頁面效能的那些事
前言 一般頁面訪問的 258 原則，在2s內響應，很快，在2 5s內響應，速度還行，5 8s內響應，速度較慢，但還能接受，超過8s，槽糕透了。所以，頁面的效能首先決定了使用者的體驗，只有使用者體驗好才能給 帶來更多的使用者，除此之外，好的前端優化還能降低企業成本，提高公司利益。一 將靜態資源 例如j...