這篇文章主要講解了“web前端的經(jīng)典面試題有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“web前端的經(jīng)典面試題有哪些”吧！

為尋甸等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及尋甸網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、尋甸網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

　　1、如何利用Webpack把代碼上傳服務(wù)器以及轉(zhuǎn)碼測(cè)試?

　　(1)代碼上傳：

　　可以使用sftp-Webpack-plugin，但是會(huì)把子文件夾給提取出來(lái)，不優(yōu)雅?？梢允褂胓ulp+Webpack來(lái)實(shí)現(xiàn)。

　　(2) 轉(zhuǎn)碼測(cè)試

　　Webpack應(yīng)用babel來(lái)對(duì)ES6轉(zhuǎn)碼，開(kāi)啟devtool: “source-map" 來(lái)進(jìn)行瀏覽器測(cè)試。應(yīng)用karma或mocha來(lái)做單元測(cè)試。

　　2、Webpack打包文件太大怎么辦?

　　Webpack 把我們所有的文件都打包成一個(gè) JS 文件，這樣即使你是小項(xiàng)目，打包后的文件也會(huì)非常大?？梢詮娜コ槐匾牟寮?，提取第三方庫(kù)、代碼壓縮、代碼分割、設(shè)置緩存幾個(gè)方面著手優(yōu)化。

　　3、CSS，JS代碼壓縮，以及代碼CDN托管，圖片整合。

　　(1)CSS,JS 代碼壓縮：

　　可以應(yīng)用gulp的gulp-uglify，gulp-minify-css模塊完成;可以應(yīng)用webpack的 UglifyJsPlugin壓縮插件完成。

　　(2)CDN：

　　內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)是一個(gè)經(jīng)策略性部署的整體系統(tǒng)，包括分布式存儲(chǔ)、負(fù)載均衡、網(wǎng)絡(luò)請(qǐng)求的重定向和內(nèi)容管理4個(gè)要件。主要特點(diǎn)有：本地Cache加速，鏡像服務(wù)，遠(yuǎn)程加速，帶寬優(yōu)化。關(guān)鍵技術(shù)有：內(nèi)容發(fā)布、內(nèi)容路由、內(nèi)容交換、性能管理。CDN網(wǎng)站加速適合以咨詢?yōu)橹鞯木W(wǎng)站。CDN是對(duì)域名加速不是對(duì)網(wǎng)站服務(wù)器加速。CDN和鏡像站比較不需要訪客手動(dòng)選擇要訪問(wèn)的鏡像站。CDN使用后網(wǎng)站無(wú)需任何修改即可使用CDN獲得加速效果。如果通過(guò)CDN后看到的網(wǎng)頁(yè)還是舊網(wǎng)頁(yè)，可以通過(guò)URL推送服務(wù)解決，新增的網(wǎng)頁(yè)和圖片不需要URL推送。使用動(dòng)態(tài)網(wǎng)頁(yè)可以不緩存即時(shí)性要求很高的網(wǎng)頁(yè)和圖片。CDN可以通過(guò)git或SVN來(lái)管理。

　　(3)圖片整合

　　減少網(wǎng)站加載時(shí)間的最有效的方式之一就是減少網(wǎng)站的HTTP請(qǐng)求數(shù)。實(shí)現(xiàn)這一目標(biāo)的一個(gè)有效的方法就是通過(guò)CSS Sprites——將多個(gè)圖片整合到一個(gè)圖片中，然后再用CSS來(lái)定位。缺點(diǎn)是可維護(hù)性差?？梢允褂冒俣鹊膄is/webpack來(lái)自動(dòng)化管理sprite。

　　4、不想讓別人盜用你的圖片，訪問(wèn)你的服務(wù)器資源該怎么處理?

　　目前常用的防盜鏈方法主要有兩種：

　　(1)設(shè)置Referer：適合不想寫(xiě)代碼的用戶，也適合喜歡開(kāi)發(fā)的用戶

　　(2)簽名URL：適合喜歡開(kāi)發(fā)的用戶

　　5、開(kāi)發(fā)過(guò)程中遇到的內(nèi)存泄露情況，如何解決的?

　　內(nèi)存泄露的幾種情況：

　　(1)當(dāng)頁(yè)面中元素被移除或替換時(shí)，若元素綁定的事件仍沒(méi)被移除，在IE中不會(huì)作出恰當(dāng)處理，此時(shí)要先手工移除事件，不然會(huì)存在內(nèi)存泄露。

　　(2)由于是函數(shù)內(nèi)定義函數(shù)，并且內(nèi)部函數(shù)--事件回調(diào)的引用外暴了，形成了閉包。閉包可以維持函數(shù)內(nèi)局部變量，使其得不到釋放。

感謝各位的閱讀，以上就是“web前端的經(jīng)典面試題有哪些”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)web前端的經(jīng)典面試題有哪些這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

文章名稱：web前端的經(jīng)典面試題有哪些-創(chuàng)新互聯(lián)
文章出自：http://aaarwkj.com/article30/cogoso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、App設(shè)計(jì)、云服務(wù)器、網(wǎng)站內(nèi)鏈、服務(wù)器托管、App開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)