前端開發頁面設計風格優化指南

2022-05-08 07:57:09 字數 419 閱讀 9766

從ant design + element風格談起

1、ant design提出的原則:【足不出戶】

能在這個頁面解決的問題,就不要去其它頁面解決,因為任何頁面重新整理和跳轉都會引起變化盲視(change blindness),導致使用者心流(flow)被打斷。頻繁的頁面重新整理和跳轉,就像在看戲時,演員說完一行台詞就安排一次謝幕一樣。

舉例項來說,在某些操作,比如刪除的時候,為了防止錯誤操作,產生無法挽回的後果,最好在刪除的時候進行二次提醒。

但是如果像這樣

就犯了上面提出的錯誤。

modal 的出現,太過突兀。

在element的框架中,更建議使用popconfirm 氣泡確認框。

前端頁面優化

語義化 與seo相關 可讀性 利於維護 拓展性頁面載入速度 檔案大小,請求次數,載入方式,效能 語義化影響seo 搜尋引擎優化 以及 自然排名 語義化標籤 h1 h6 p ul li ol dl dt dd a img table small strong 頁面主要內容,乙個頁面只能使用一次。如果是...

前端頁面優化

頁面級優化 一 減少http請求 1 合理設定http 快取 變化的資源可以直接通過http header 中的expires 設定乙個很長的過期頭 變化不頻繁而又可能會變的資源可以使用last modifed 來做請求驗證。在 根目錄 htaccess 中加入以下 expiresactive on...

前端頁面效能優化

最近參加了兩次社招,發現社招面試都會問到效能優化以及框架原理。當中效能優化即使我知道好幾種,然而我面試時總是很容易想不起來,只答出了兩三種。因此,寫一篇部落格來對效能優化做一下研究,加深理解。對於前端效能優化自然要關注首屏開啟速度,而這個速度,很大因素是花費在網路請求上,那麼怎麼減少網路請求的時間呢...