CSS優化小結

2021-09-25 07:22:55 字數 881 閱讀 7398

一次面試的時候因為簡歷上寫了一句了解css**優化,面試官就問css有哪些地方可以優化,我答了儘量減少選擇器的巢狀和使用樣式繼承,自己後來感覺還有一些可以說的,這裡都列出來,方便以後應對面試。

新增注釋,可以是說明一塊樣式是針對頁面哪一部分的,或者是哪個功能,可以是對作用不明顯的樣式或屬性做說明,注釋主要是為了方便別人接手**或者自己一段時間後修改**;

使用繼承:繼承是指應用在某個標籤上的css屬性傳給了內部巢狀的標籤,可以應用繼承的樣式通常是字型和顏色,可以通過繼承寫在父元素上,而不必在每個子元素上單獨寫,從而簡化樣式表;

類名根據用途而不是外觀或位置來取;

一類元素有公共樣式可以定義乙個公共的類名放置公共的樣式避免重複,比如一系列按鈕有相同的尺寸、邊框和字型,就可以把這三個樣式放到乙個類名下;

使用屬性的簡寫形式,包括:字型、邊框、內外邊距、過渡、背景和列表等

後代選擇符用還是不用?使用後代選擇符可以減少類名的使用,從而減小html的體積,這一點其實是對html的優化,對於結構複雜的大型頁面,這個問題還是很明顯的,我在上家公司開發公司**首頁的時候一開始用了大量的類名,最後架構師要求我縮減html體積以加快頁面載入速度,我就減少了類名的使用,增加了後代選擇符的使用。

使用多個樣式表還是合併樣式表?這個其實也有些爭議,以前公司的架構師要求頁面的樣式盡量都放到乙個css檔案裡,減少http請求,簡單的樣式甚至要求我放到html裡,這樣其實對載入速度沒有明顯的提公升,因為瀏覽器是可以併發請求資源的,這樣反而不利於前端的樣式管理,後來來了乙個前端領導,要求我們還是把樣式檔案分開,樣式也模組化。

Spfa優化小結

spfa是bellman ford的優化。但是spfa還有優化餘地 一 空間優化,用迴圈佇列 要點 1 判斷隊列為空 只能用if f r if f2 取餘操作 只要加到f r操作的 所有地方就行了 二 簡單而有效的優化slf 如果隊首元素較大,則將新元素插到隊首,否則插到隊尾 slf優化 341.c...

SQL優化小結

一 背景客戶資料庫經常出現死鎖 超時 查詢慢等問題,資料庫mssql,資料量主要表大概上千w。二 收集資訊 首先是要找出io大 查詢慢 使用頻率高的指令碼。直接用profiler加上限制條件在生產環境收集了。三 輔助指令碼 dmv動態管理檢視是必不可少的。還有其他一些命令用來如 1 set stat...

PHP優化小結

1 echo 比 print 快,並且使用echo的多重引數 指用逗號而不是句點 代替字串連線,比如echo str1,str2。如果使用echo str1.str2 就會需要 php 引擎首先把所有的變數連線起來,然後在輸出,而echo str1,str2,php 引擎就會按照循序輸出他們 2 f...