學(xué)習(xí)Web前端開(kāi)發(fā)時(shí)的技術(shù)點(diǎn)有哪些

這篇文章將為大家詳細(xì)講解有關(guān)學(xué)習(xí)Web前端開(kāi)發(fā)時(shí)的技術(shù)點(diǎn)有哪些，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

　　現(xiàn)在學(xué)前端的人是越來(lái)越多，學(xué)習(xí)質(zhì)量也是參差不齊。過(guò)來(lái)人的身份告訴你，如果你還沒(méi)有下定決心花時(shí)間去學(xué)習(xí)Web前端，那也可以先找些視頻學(xué)習(xí)下，Web前端開(kāi)發(fā)有哪些常見(jiàn)技術(shù)點(diǎn)!接下來(lái)，就看看Web前端開(kāi)發(fā)有哪些常見(jiàn)技術(shù)點(diǎn)!

1、你有哪些性能優(yōu)化的方法?

　　(1)減少http請(qǐng)求次數(shù)：CSSSprites,JS、CSS源碼壓縮、圖片大小控制合適;網(wǎng)頁(yè)Gzip，CDN托管，data緩存，圖片服務(wù)器。

　　(2)前端模板JS+數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存AJAX請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)

　　(3)用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能。

　　(4)當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style。

　　(5)少用全局變量、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少I(mǎi)O讀取操作。

　　(6)避免使用CSSExpression(css表達(dá)式)又稱(chēng)Dynamicproperties(動(dòng)態(tài)屬性)。

　　(7)圖片預(yù)加載，將樣式表放在頂部，將腳本放在底部加上時(shí)間戳。

2、什么叫優(yōu)雅降級(jí)?

　　優(yōu)雅降級(jí)：Web站點(diǎn)在所有新式瀏覽器中都能正常工作，如果用戶(hù)使用的是老式瀏覽器，則代碼會(huì)檢查以確認(rèn)它們是否能正常工作。由于IE獨(dú)特的盒模型布局問(wèn)題，針對(duì)不同版本的IE的hack實(shí)踐過(guò)優(yōu)雅降級(jí)了,為那些無(wú)法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級(jí)體驗(yàn)卻不至于完全失效。

3、什么叫漸進(jìn)增強(qiáng)

　　漸進(jìn)增強(qiáng)：從被所有瀏覽器支持的基本功能開(kāi)始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁(yè)面增加無(wú)害于基礎(chǔ)瀏覽器的額外樣式和功能的。當(dāng)瀏覽器支持時(shí)，它們會(huì)自動(dòng)地呈現(xiàn)出來(lái)并發(fā)揮作用。

　　其實(shí)，對(duì)于web前端這種技術(shù)型的崗位，比起紙上談兵的理論，需要更多的是項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)。

關(guān)于學(xué)習(xí)Web前端開(kāi)發(fā)時(shí)的技術(shù)點(diǎn)有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。