如何實(shí)現(xiàn)Tab選項(xiàng)卡內(nèi)容的懶加載？小白，這位還在成長(zhǎng)中的前端工程師，如果有任何錯(cuò)誤，請(qǐng)跟蹤研究并改正！制表符切換在項(xiàng)目中使用得太頻繁。為了提高性能，只需進(jìn)入頁(yè)面并要求他在當(dāng)前頁(yè)面中只加載一個(gè)選項(xiàng)卡。這

如何實(shí)現(xiàn)Tab選項(xiàng)卡內(nèi)容的懶加載？

小白，這位還在成長(zhǎng)中的前端工程師，如果有任何錯(cuò)誤，請(qǐng)跟蹤研究并改正！制表符切換在項(xiàng)目中使用得太頻繁。為了提高性能，只需進(jìn)入頁(yè)面并要求他在當(dāng)前頁(yè)面中只加載一個(gè)選項(xiàng)卡。這樣，一旦進(jìn)入頁(yè)面，所有數(shù)據(jù)都將被加載。如果數(shù)據(jù)太多，用戶將等待加載數(shù)據(jù)。用戶體驗(yàn)很差?，F(xiàn)在項(xiàng)目使用元素UI的tab效果。其原理是顯示和隱藏顯示。這里的問(wèn)題是，這種隱藏是看不到的，但是DOM渲染仍然會(huì)被渲染。因此，為了解決這個(gè)問(wèn)題，我們使用V-IF讓當(dāng)前頁(yè)面為真，下一個(gè)頁(yè)面為假，這樣當(dāng)你點(diǎn)擊時(shí)，你可以在你點(diǎn)擊的標(biāo)簽下請(qǐng)求創(chuàng)意。當(dāng)然，你不能總是讓它是V-IF，否則性能會(huì)更差，所以我們以后可以繼續(xù)點(diǎn)擊哪個(gè)選項(xiàng)卡是真的，記住其他的選項(xiàng)卡不需要改為假，因?yàn)檫@些元素UI已經(jīng)做了，以后顯示會(huì)自動(dòng)擴(kuò)展，這樣就不需要頻繁地操作DOM，提高了性能。我不知道是否有什么錯(cuò)誤。如果有任何錯(cuò)誤，請(qǐng)稍后理解和更改

關(guān)于這個(gè)問(wèn)題，您可以從兩個(gè)方面考慮：服務(wù)器/網(wǎng)站建設(shè)者和客戶端/用戶端：

如果您是網(wǎng)站建設(shè)者，您可以考慮但不限于：

1選擇一個(gè)強(qiáng)大的互聯(lián)網(wǎng)服務(wù)提供商，選擇高帶寬、高可靠性的服務(wù)器部署具有負(fù)載均衡能力的服務(wù)器程序，如云服務(wù)器。

2. 服務(wù)器端采用靜態(tài)文件生成技術(shù)，采用CDN加速靜態(tài)資源。

3. 使用緩存提高加載速度。

1. 選擇網(wǎng)速快、非人員密集的地方上網(wǎng)，最好用有線上網(wǎng)。

2. 選擇處理器能力強(qiáng)、內(nèi)存/緩存大的電腦或手機(jī)。

3. 及時(shí)清理瀏覽器緩存和其他文件。電腦和手機(jī)運(yùn)行時(shí)間過(guò)長(zhǎng)，產(chǎn)生大量垃圾文件，處理器和內(nèi)存耗盡，這將減慢網(wǎng)頁(yè)的打開(kāi)速度。

如何提升網(wǎng)站的打開(kāi)速度？

我已經(jīng)快九個(gè)月沒(méi)有在前端工作和學(xué)習(xí)了。其實(shí)，前端并不比后端容易?；仡櫸业那岸私?jīng)驗(yàn)，

前三個(gè)月，我已經(jīng)掌握了JavaScript語(yǔ)言（基本上沒(méi)有JavaScript語(yǔ)法我聽(tīng)不懂）

接下來(lái)的三個(gè)月，我熟悉業(yè)務(wù)，能熟練使用jQuery，并掌握了MVC框架（公司業(yè)務(wù)使用的MVC wheel）我已經(jīng)編寫(xiě)了各種插件（彈出、分頁(yè)、氣泡、日歷、旋轉(zhuǎn)木馬、延遲加載等）

在過(guò)去的三個(gè)月里，我通讀了zepto的源代碼（發(fā)現(xiàn)了幾個(gè)bug）并構(gòu)建了一個(gè)MVC wheel。然后我開(kāi)始學(xué)習(xí)webpack配置、ES6、Vue和react現(xiàn)在我在學(xué)習(xí)react時(shí)沒(méi)有任何指導(dǎo)，所以我會(huì)看看GIT上面的源代碼

感覺(jué)前端是一個(gè)非常注重積累的前端，需要投入足夠的時(shí)間

大三計(jì)算機(jī)妹子，一開(kāi)始想做java方面的，后來(lái)想做前端，求教？

首先，祝大家新年快樂(lè)

首先，讓我們看看近年來(lái)前端開(kāi)發(fā)工程師的發(fā)展趨勢(shì)，這是非常好的。

1. 小到門(mén)戶網(wǎng)站，大到商業(yè)網(wǎng)站流量數(shù)以億計(jì)；

2。移動(dòng)開(kāi)發(fā)，很多企業(yè)為了提高開(kāi)發(fā)效率和軟件迭代，選擇了混合開(kāi)發(fā)，這也促進(jìn)了前端的開(kāi)發(fā)

3。各類大工廠（Facebook、阿里巴巴、谷歌等）都推出了自己的前端框架，供前端員工學(xué)習(xí)和豐富自己的技術(shù)堆棧

其次，關(guān)于您的求職建議：

1。了解當(dāng)前前端的專業(yè)技能要求，讓你熟悉它

2。擴(kuò)展你的技能，學(xué)習(xí)一些主流框架

3。給自己一個(gè)準(zhǔn)確的定位。認(rèn)真做好自己的簡(jiǎn)歷，多渠道發(fā)送簡(jiǎn)歷（老板、智聯(lián)、58等）。嘗試更多的面試來(lái)增加經(jīng)驗(yàn)

謝謝