這篇文章主要講解了“web前端的經典面試題有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“web前端的經典面試題有哪些”吧！

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

　　1、如何利用Webpack把代碼上傳服務器以及轉碼測試?

　　(1)代碼上傳：

　　可以使用sftp-Webpack-plugin，但是會把子文件夾給提取出來，不優(yōu)雅。可以使用gulp+Webpack來實現(xiàn)。

　　(2) 轉碼測試

　　Webpack應用babel來對ES6轉碼，開啟devtool: “source-map" 來進行瀏覽器測試。應用karma或mocha來做單元測試。

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

　　Webpack 把我們所有的文件都打包成一個 JS 文件，這樣即使你是小項目，打包后的文件也會非常大。可以從去除不必要的插件，提取第三方庫、代碼壓縮、代碼分割、設置緩存幾個方面著手優(yōu)化。

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

　　(1)CSS,JS 代碼壓縮：

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

　　(2)CDN：

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

　　(3)圖片整合

　　減少網站加載時間的最有效的方式之一就是減少網站的HTTP請求數(shù)。實現(xiàn)這一目標的一個有效的方法就是通過CSS Sprites——將多個圖片整合到一個圖片中，然后再用CSS來定位。缺點是可維護性差。可以使用百度的fis/webpack來自動化管理sprite。

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

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

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

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

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

　　內存泄露的幾種情況：

　　(1)當頁面中元素被移除或替換時，若元素綁定的事件仍沒被移除，在IE中不會作出恰當處理，此時要先手工移除事件，不然會存在內存泄露。

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

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

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

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

廣告

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