如何做乙個更好的重構工程師

2021-06-25 10:56:56 字數 987 閱讀 5686

參加杜瑤的分享:如何做乙個更好的重構工程師,如何寫更好的html/css

主要收穫有:

(1)table:預設情況下,載入完最後乙個單元格的內容才會去渲染整個**,效能降低,所以建議使用table-layout:fixed

(4)」行內元素不能設定高與寬「,這句話是錯的。行內置換元素擁有自己的外觀,可以改變自己的外觀。

(5)怪異盒模型,不止ie有,其他瀏覽器也會有

(6)line-height都是相對字型大小計算的,行高值有單位時,計算結果被繼承;沒有單位時,計算因子被繼承

(7)乙個浮動元素前面如果已經存在了行框,那麼浮動元素的頂部會和行框的頂部對齊

1、doctype對文件頁面的影響:告訴瀏覽器使用什麼樣的方式去解析、排版、渲染;

2、注意標籤閉合,包括自閉合;

3、正確使用table,為了解決table的效能問題(需等到所有的table元素載入完,最後乙個單元格內容才能決定整個table的樣式),使用table-layout:fixed; 這樣的table類似於常規的div;

4、標籤的語義化,元素巢狀不能混亂,比如ul的子元素只有li,沒有p 、div等;

5、目前所有的瀏覽器預設字型大小是16px,但是有部分標籤自帶有font-sise值,清楚這些元素不繼承祖先元素的font-sise的方法:

h1,h2,……,p,div……

6、在影象對映的問題上,最方便實用的方法是利用 map與img 合作;

7、浮動float:4種常用的清除浮動的方法;

8、每個瀏覽器的怪異盒模型都不一樣,我們需要加 doctype 規範使用標準盒模型;

9、line-height 陷阱:比如不同的單位,計算出來的值都是16px,但是繼承下去的line-height 就不一定了,加單位的值被繼承下去行高會疊加,而沒有單位的不存在這個問題,但是使用的時候需要注意風險;

10、css選擇器的優先順序;

11、重排與重繪:重排代價高,成本大,需要回流重新計算值,而重繪不需要reload頁面,代價相對較小;

如何做乙個專案

早上上csdn瞧瞧,發現有位同學想在暑期做個論壇,想要點建議,相信有不少已經入門想有所提高的同學都有這個想法。那麼我就在此提幾點意見,大家可以討論討論。首先選專案,我覺得這位同學拿論壇入手是比較合適的,原因有這樣幾點 1 論壇的基本業務邏輯大家都很熟悉2 量不是很大,可以在兩個月內完成基本功能的實現...

做乙個女軟體工程師的好處

本文是從 the benefits of being a female software engineer 這篇文章翻譯而來 穿著隨意 機遇 機遇真是大大的有,而且是很好的機遇。你知道有很多技術人員在社交方面都很笨拙,因為在這個領域裡女性稀少,如果你是個單身女性,你擁有第一機會去在這些非常優秀的小伙...

如何做乙個快樂的人

人,要做乙個明白人。所謂明白人,既能努力改變環境,更能努力改變心境。改變環境靠聰明,改變心境靠智慧型。智慧型的人能悟出人生真諦,把握生活方向,知道自己的根本追求,不會為了一點瑣事而惱。開心的前提是愛心。所謂愛心,可理解為乙個人要有愛人之善心,也可理解為人要愛自己的心。通過修身養性,純潔心靈,隨時調控...