前端 tips 總結

2022-05-16 14:50:46 字數 746 閱讀 6754

1. 因瀏覽器預設字型不同,那麼佔位符或空格寬度也有所差異,通過設定預設字型解決(中英文分別設定);

2. 行內元素無行高屬性;

overflow:

以單詞還是以字母為單位切斷字元換行。

a標籤:滑鼠經過樣式、四態形態。

4. firefox舊版瀏覽器不支援background-position-x/background-position-y屬性;

5. 舊版safari對百分比自適應大小存在問題;

(5.1.7)

6. 舊版safari不支援 $(select).click();  (5.1.7)

7. ie8以下版本瀏覽器不支援inline-block ;

8.position:fixed 的元素,可以通過"left"/"right"屬性使元素靠邊; 

9.設定td/th  width:300px;  (具體畫素值)  防止**無限撐大? table-layout: fixed;

10.深入研究bfc ,生成bfc的元素,不會影響其範圍外的元素的布局;具體會產生的影響待研究。(inline-block 元素換行會有空格,因此會有間隔,可以設定字型font-size:0; 解決)

11.頁面內模態框的命名:頁面名稱+modal-0x; 

12.echarts初始化時,需要得到容器的寬高,即最好提前設定寬高,行間或非行間均可,否則需要初始化後呼叫 mychart.resize();

13.需要靠攏在一起,否則會出現格式內容(如空格,換行或其他符號)

Web前端優化tips

css 頂部,js底部 js,css進行壓縮 cdn靜態檔案 快取合併,css sprite 盡量定高,避免高度改變導致重新渲染 img設定尺寸,防止高度變化 使用頁面模板,使用font icon 使用css3,gradient filter css class復用,減少字元和統一性 span1 f...

簡歷 面試 Tips總結

聽了知乎幾場有關簡歷製作及面試技巧的live,發現最大的特點是不要講技巧。簡歷一頁紙,突出崗位匹配度 面試要真誠,帶著與面試官溝通交流的心態。總結下來,製作個人簡歷如打磨產品,需迭代修改多次。站在面試官的視角,他希望看到什麼?簡歷的內容少即是多,能讓面試官一眼記住 能做判斷的內容才是有價值的。同時簡...

Tips 釘釘免登前端實現

1.需求 開發釘釘微應用,需要實現釘釘的免登陸功能。其實釘釘的文件中心還是很詳細的,只是剛開始接觸會一頭霧水,所以花費了挺多時間.什麼是釘釘免登功能。企業應用免登開發授權流程。釘釘免登前端demo。這裡借用釘釘官方的流程圖,前端在這個過程中的工作,其實是從我標註的部分開始的 也就是說,後端的同學需要...