• 重排是更明顯的一種改變，可以理解為渲染樹需要重新計(jì)算（注：重排對(duì)性能有很大的影響）。下面是常見(jiàn)的觸發(fā)重排的操作：

（一）、DOM 元素的幾何屬性變化

（二）、 DOM 樹的結(jié)構(gòu)變化

（三）、獲取某些屬性

（四）、改變?cè)氐囊恍邮?#xff0c;調(diào)整瀏覽器窗口大小等等也都將觸發(fā)重排。

• 頁(yè)面重構(gòu)：編寫 CSS、讓頁(yè)面結(jié)構(gòu)更合理化，提升用戶體驗(yàn)，實(shí)現(xiàn)良好的頁(yè)面效果和提升性能。

• 網(wǎng)站重構(gòu)：在不改變外部行為的前提下，簡(jiǎn)化結(jié)構(gòu)、添加可讀性，而在網(wǎng)站前端保持一致的行 為。也就是說(shuō)是在不改變 UI 的情況下，對(duì)網(wǎng)站進(jìn)行優(yōu)化。

對(duì)于傳統(tǒng)的網(wǎng)站來(lái)說(shuō)重構(gòu)通常是：

• 表格(table)布局改為 DIV+CSS

• 對(duì)于移動(dòng)平臺(tái)的優(yōu)化

• 針對(duì)于 SEO 進(jìn)行優(yōu)

深層次的網(wǎng)站重構(gòu)應(yīng)該考慮的方面：

• 減少代碼間的耦合

• 讓代碼保持彈性

• 嚴(yán)格按規(guī)范編寫代碼

• 設(shè)計(jì)可擴(kuò)展的 API

• 代替舊有的框架、語(yǔ)言(如 VB)

• 增強(qiáng)用戶體驗(yàn)

• 優(yōu)化響應(yīng)速度

速度的優(yōu)化重構(gòu)：

• 壓縮 JS、CSS、image 等前端資源(通常是由服務(wù)器來(lái)解決)

• 程序的性能優(yōu)化(如數(shù)據(jù)讀寫)

• 采用 CDN 來(lái)加速資源加載

• 對(duì)于 JS DOM 的優(yōu)化

• HTTP 服務(wù)器的文件緩存

四、Sass、LESS 是什么？大家為什么要使用他們？

======================================================================================

• 他們是 CSS 預(yù)處理器。他是 CSS 上的一種抽象層。他們是一種特殊的語(yǔ)法/語(yǔ)言編譯成 CSS。

• 例如 Less 是一種動(dòng)態(tài)樣式語(yǔ)言. 將 CSS 賦予了動(dòng)態(tài)語(yǔ)言的特性，如變量，繼承，運(yùn)算， 函數(shù). LESS 既可以在客戶端上運(yùn)行，也可一在服務(wù)端運(yùn)行 (借助 Node.js)。

為什么要使用它們？

---

• 結(jié)構(gòu)清晰，便于擴(kuò)展。

• 可以輕松實(shí)現(xiàn)多重繼承。

• 可以方便地屏蔽瀏覽器私有語(yǔ)法差異。這個(gè)不用多說(shuō)，封裝對(duì)瀏覽器語(yǔ)法差異的重復(fù)處理， 減少無(wú)意義的機(jī)械勞動(dòng)。

• 完全兼容 CSS 代碼，可以方便地應(yīng)用到老項(xiàng)目中。LESS 只是在 CSS 語(yǔ)法上做了擴(kuò)展，所以老的 CSS 代碼也可以與 LESS

五、談?wù)勔郧岸私嵌瘸霭l(fā)做好 SEO 需要考慮什么？

====================================================================================

了解搜索引擎如何抓取網(wǎng)頁(yè)和如何索引網(wǎng)頁(yè)

• 你需要知道一些搜索引擎的基本工作原理，各個(gè)搜索引擎之間的區(qū)別，搜索機(jī)器人（SE robot或叫 web crawler）如何進(jìn)行工作，搜索引擎如何對(duì)搜索結(jié)果進(jìn)行排序等等。

Meta 標(biāo)簽優(yōu)化

• 主要包括主題（Title)，網(wǎng)站描述(Description)，和關(guān)鍵詞（Keywords）。還有一些其它的隱藏文字比如

Author（作者），Category（目錄），Language（編碼語(yǔ)種）等。

如何選取關(guān)鍵詞并在網(wǎng)頁(yè)中放置關(guān)鍵詞

搜索就得用關(guān)鍵詞。關(guān)鍵詞分析和選擇是 SEO 最重要的工作之一。首先要給網(wǎng)站確定主關(guān)鍵詞（一般在5個(gè)上下），然后針對(duì)這些關(guān)鍵詞進(jìn)行優(yōu)化，包括關(guān)鍵詞密度（Density），相關(guān)度（Relavancy），突出性（Prominency）等等。

了解主要的搜索引擎

• 雖然搜索引擎有很多，但是對(duì)網(wǎng)站流量起決定作用的就那么幾個(gè)。比如英文的主要有 Google，Yahoo，Bing

等；中文的有百度，搜狗，有道等。不同的搜索引擎對(duì)頁(yè)面的抓取和索引、排序的規(guī)則都不一樣。還要了解各搜索門戶和搜索引擎之間的關(guān)系，比如 AOL 網(wǎng)頁(yè)搜索用的是 Google 的搜索技術(shù)，MSN 用的是 Bing 的技術(shù)。

主要的互聯(lián)網(wǎng)目錄

• Open Directory

自身不是搜索引擎，而是一個(gè)大型的網(wǎng)站目錄，他和搜索引擎的主要區(qū)別是網(wǎng)站內(nèi)容的收集方式不同。目錄是人工編輯的，主要收錄網(wǎng)站主頁(yè)；搜索引擎是自動(dòng)收集的，除了主頁(yè)外還抓取大量的內(nèi)容頁(yè)面。

按點(diǎn)擊付費(fèi)的搜索引擎

• 搜索引擎也需要生存，隨著互聯(lián)網(wǎng)商務(wù)的越來(lái)越成熟，收費(fèi)的搜索引擎也開始大行其道。最典型的有 Overture 和百度，當(dāng)然也包括Google 的廣告項(xiàng)目 Google Adwords。越來(lái)越多的人通過(guò)搜索引擎的點(diǎn)擊廣告來(lái)定位商業(yè)網(wǎng)站，這里面也大有優(yōu)化和排名的學(xué)問(wèn)，你得學(xué)會(huì)用最少的廣告投 入獲得最多的點(diǎn)擊。

搜索引擎登錄

最后

自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過(guò)，也去過(guò)華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。

深知大多數(shù)初中級(jí)Android工程師，想要提升技能，往往是自己摸索成長(zhǎng)，自己不成體系的自學(xué)效果低效漫長(zhǎng)且無(wú)助。

因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》，初衷也很簡(jiǎn)單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。

既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上Android開發(fā)知識(shí)點(diǎn)！不論你是剛?cè)腴TAndroid開發(fā)的新手，還是希望在技術(shù)上不斷提升的資深開發(fā)者，這些資料都將為你打開新的學(xué)習(xí)之門！

如果你覺(jué)得這些內(nèi)容對(duì)你有幫助，需要這份全套學(xué)習(xí)資料的朋友可以戳我獲取！！

由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！
望在技術(shù)上不斷提升的資深開發(fā)者，這些資料都將為你打開新的學(xué)習(xí)之門！**

如果你覺(jué)得這些內(nèi)容對(duì)你有幫助，需要這份全套學(xué)習(xí)資料的朋友可以戳我獲取！！

由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！