前端面試的時候，問到兼容性問題怎么回答？完全不同瀏覽器的內(nèi)核也可能不同，所以各個瀏覽器對網(wǎng)頁的解析存在一定會的差異。瀏覽器內(nèi)核主要統(tǒng)稱兩種，一是渲染引擎，一個是js引擎，內(nèi)核十分傾向于說渲染引擎。常見

前端面試的時候，問到兼容性問題怎么回答？

完全不同瀏覽器的內(nèi)核也可能不同，所以各個瀏覽器對網(wǎng)頁的解析存在一定會的差異。瀏覽器內(nèi)核主要統(tǒng)稱兩種，一是渲染引擎，一個是js引擎，內(nèi)核十分傾向于說渲染引擎。常見的瀏覽器內(nèi)核：

差別瀏覽器的默認(rèn)樣式存在差異，可以使用磨平這些差異。

1.差別瀏覽器的標(biāo)簽設(shè)置的外補(bǔ)丁和內(nèi)補(bǔ)丁不同

問題癥狀：你隨便寫幾個標(biāo)簽，不加樣式壓制的情況下，各自的margin和padding差異減小。

接觸頻率:100%

解決方案：CSS里*{margin:0padding:0}

備注：這個是最常見的也最容易發(fā)生可以解決的一個瀏覽器兼容性問題，甚至所有的CSS文件開頭都會用通配符*來設(shè)置中各個標(biāo)簽的內(nèi)外補(bǔ)丁是0。

2.塊屬性標(biāo)簽float后，又有逞兇的margin情況下，在IE6顯示margin比可以設(shè)置的大

問題癥狀:常見癥狀是IE6中后面的一塊被頂?shù)较乱恍?/p>

遇到頻率：90%（稍微緊張點(diǎn)的頁面都會遇到，float布局最常見的瀏覽器不兼容問題）

解決方案：在float的標(biāo)簽樣式再控制中加入display:inline將其轉(zhuǎn)變?yōu)樾袃?nèi)屬性

備注：我們最常用的那就是divCSS各種布局了，而div是一個有名的塊屬性標(biāo)簽，縱向布局的時候我們大多數(shù)全是用divfloat實(shí)現(xiàn)方法的，豎向的間距設(shè)置如果沒有用margin實(shí)現(xiàn)，這是一個必然會見到過的兼容性問題。

3.設(shè)置中較大高度標(biāo)簽（象小于等于10px），在IE6，IE7，遨游中水平距離遠(yuǎn)遠(yuǎn)超出自己設(shè)置中高度

問題癥狀：IE6、7和遨游里這個標(biāo)簽的高度不受壓制，遠(yuǎn)遠(yuǎn)超出自己系統(tǒng)設(shè)置的高度

出現(xiàn)頻率：60%

解決方案：給遠(yuǎn)遠(yuǎn)超出相同高度的標(biāo)簽設(shè)置里overflow:hidden或則系統(tǒng)設(shè)置行高line-height小于你設(shè)置中的高度。

備注：那種情況一般再次出現(xiàn)在我們設(shè)置中小圓角背景的標(biāo)簽里。再次出現(xiàn)這個問題的原因是IE8之前的瀏覽器都會給標(biāo)簽一個最大值默認(rèn)的行高的高度。就算是你的標(biāo)簽是空的，這個標(biāo)簽的高度那就會都沒有達(dá)到系統(tǒng)默認(rèn)的行高。

4.行內(nèi)屬性標(biāo)簽，系統(tǒng)設(shè)置display:block后采用float布局，又有梟雄并起的margin的情況，IE6間距bug

問題癥狀：IE6里的間距比最多設(shè)置中的間距

接觸幾率：20%

解決方案：在display:block后面一并加入display:inlinedisplay:table

備注：行內(nèi)屬性標(biāo)簽，是為系統(tǒng)設(shè)置寬高，我們需要設(shè)置中display:block(以外input標(biāo)簽比較好普通)。在用float布局并有縱向的margin后，在IE6下，他就本身了塊屬性float后的寬度margin的bug。只不過因?yàn)樗旧砟蔷褪切袃?nèi)屬性標(biāo)簽，所以我們再算上display:inline的話，它的高寬就絕對不可設(shè)了。這時候我們還是需要在display:inline后面組建display:talbe。

5.圖片系統(tǒng)默認(rèn)有間距

問題癥狀：幾個upload標(biāo)簽放進(jìn)一起的時候，有些瀏覽器會有設(shè)置成的間距，加了問題一中說起的通配符也不起作用。

接觸幾率：20%

解決方案：建議使用float64屬性為image2布局

備注：畢竟img標(biāo)簽是行內(nèi)屬性標(biāo)簽，所以只要不遠(yuǎn)超容器寬度，img標(biāo)簽都會排在一行里，只不過部分瀏覽器的img標(biāo)簽之間會有個間距。可以去掉這個間距在用float是正道。（我的一個學(xué)生使用負(fù)margin，雖說能可以解決，但負(fù)margin本身應(yīng)該是容易影起瀏覽器不兼容問題的用法，因此我私自他們使用）

6.標(biāo)簽最低相同高度設(shè)置min-height不兼容性

問題癥狀：而且min-200px本身應(yīng)該是一個不兼容的CSS屬性，因?yàn)樵O(shè)置中min-height時不能不能很好的被各個瀏覽器兼容性問題

接觸幾率：5%

解決方案：如果我們要設(shè)置里一個標(biāo)簽的最小高度200px，不需要接受的設(shè)置為：{min-height:200pxheight:auto!importantheight:200pxoverflow:visible}

備注：在B/S系統(tǒng)前端開時，有很多情況下我們又這種需求。當(dāng)內(nèi)容小于等于一個值（如300px）時。容器的一定高度為300px；當(dāng)內(nèi)容一定高度為0這個值時，容器水平距離被撐高，而并非再次出現(xiàn)滾動條。這時候我們可能會面隊這個兼容性問題。

7.透明度的不兼容CSS設(shè)置

.transparent_class{filter:alpha(opacity50)-moz-opacity:0.5-khtml-opacity:0.5opacity:0.5}

如果我們認(rèn)識標(biāo)簽的默認(rèn)屬性的話，就能很好的理解為么會出現(xiàn)不兼容問題在內(nèi)怎么去解決的辦法這些兼容問題問題。

◆IE6見過的是下劃線_和星號*

◆IE7遨游了解的是星號*

比如那樣一個CSS設(shè)置：

height:300px*height:200px_height:100pxIE6瀏覽器在讀到height:300px的時候會如果說高時300px；再往下面讀，他也認(rèn)識*heihgt，因?yàn)楫?dāng)IE6讀到*height:200px的時候會完全覆蓋掉前一條的相無關(guān)設(shè)置中，認(rèn)為一定高度是200px。不再往外讀，IE6還見過_height,因此他又會包裹掉200px高的設(shè)置，把一定高度設(shè)置里為100px；

IE7和遨游瀏覽器確實(shí)是完全不一樣的從垂直距離300px的設(shè)置往上讀。當(dāng)它們讀到*200px200px的時候就停住了，因?yàn)樗鼈儾灰娺^_height。因此它們會把高度解析為200px，只剩的瀏覽器只認(rèn)識第一個height:300px所以才他們會把垂直距離解析為300px。只不過優(yōu)先級相同且想的屬性設(shè)置后另一個會包裹掉前一個，因此寫就的次序是很重要的是的。

雙邊結(jié)算距問題:在IE6中設(shè)置了float,同樣的又設(shè)置里margin,就會又出現(xiàn)邊距問題解決方案：設(shè)置display:inline

9.當(dāng)標(biāo)簽的垂直距離設(shè)置小于等于10px，在IE6、IE7中會遠(yuǎn)遠(yuǎn)超出自己設(shè)置里的水平距離解決方案：遠(yuǎn)超水平距離的標(biāo)簽設(shè)置里overflow:hidden,或者可以設(shè)置line-height的值大于你的設(shè)置高度

10.圖片設(shè)置成有間距解決方案：不使用float為image2布局

下瀏覽器不能不能不使用opacity解決方案：opacity:0.5filter:alpha(opacity50)filter:(style0,opacity50)

12.邊距相互纏繞問題；當(dāng)垂直相交兩個元素都設(shè)置中了margin邊距時，margin將取比較大值，拋棄最小值；解決方案：為了不許邊拼合，這個可以給子元素減少一個父級元素，并系統(tǒng)設(shè)置父級元素為overflow:hidden；

不顯示手型在safari上不支持解決方案：統(tǒng)一可以使用cursor:pointer

14.兩個塊級元素，父元素設(shè)置里了overflow:auto；子元素系統(tǒng)設(shè)置了position:relative且水平距離為0父元素，在IE6、IE7會被追蹤而并非瀉出；解決方案：父級元素設(shè)置中position:relative

背景閃爍不定的問題

問題：鏈接、按扭用另外背景，在下會有背景圖閃爍的現(xiàn)象。原因是沒有將背景圖緩存，隔一段時間觸發(fā)時的時候都會重新加載

幫忙解決：可以用設(shè)置緩存這些圖片：

document.execCommand(BackgroundImageCache

需要開發(fā)一個論壇，想用Node.js技術(shù)開發(fā)，但沒學(xué)過Node.js，該提供什么樣的思路？

您好，是對你的問題，我想推薦推薦我現(xiàn)在也在倒騰的nestJS框架。

其中給你200元以內(nèi)幾點(diǎn)優(yōu)勢：

練熟容易

如果是java程序員或則C#程序員，那么恭喜你，nestJS太適合我你快速上手，一個它環(huán)境配置尤其簡單的，只需要鐵架的node環(huán)境即可解決。二個它的代碼是TypeScript，其書寫和表達(dá)意義，基本同JAVA或C#一致。所以才這練熟非常很容易，差不多吧1周就這個可以上手寫版應(yīng)用。

spring框架編程思想

其基于后臺交互功能的編程模式幾乎是和springboot一模一樣，包括其兼容性typeorm，令數(shù)據(jù)庫構(gòu)建體系和數(shù)據(jù)庫的處理傳說中的比較新的mybatis，只不需要寫注解就也可以成功數(shù)據(jù)庫的pojo的構(gòu)建，但最最重要最讓人討喜的是，它的typeorm代碼這個可以接受mysql，Oracle，sqlserver、mongodb等廣泛數(shù)據(jù)庫，真委實(shí)是一段代碼多個服務(wù)器也可以運(yùn)行。

語法有高級

nestjs不光占據(jù)簡單的middleware中間件，還有一個pipe,interupt,guard等處理request的或response的大量杰出的語法類，能讓你輕松自如操縱你的返回內(nèi)容或則你可以接收其他地方郵箱里上來的請求。

微服務(wù)

nestjs從網(wǎng)上下載微服務(wù)框架，不需要不自動進(jìn)行配置，微服務(wù)配置特別簡單，也不光飛快，直接寫幾個變量定義就可以了。

grpc

現(xiàn)在相當(dāng)很流行業(yè)務(wù)流grpc框架，nestjs隨機(jī)軟件，只要可以使用node指令直接下載依賴和甚至和微服務(wù)一般簡單點(diǎn)幾個變量賦值配置就可以了。

安全性

nest輔助功能中有光盤驅(qū)動儲存中間件的或：Helmet中間件也能讓你應(yīng)用方法避免http請求漏洞的影響。

等等等等，nestJS隨機(jī)軟件的后端優(yōu)勢太，是一個肯定杰出的的后端nodejs框架，我推薦題主建議使用。