web前端教程分享如何提高面試成功率

　　web前端教程分享如何提高面試成功率，想要成為一名 web 前端開發工程師，並順利高薪就業，除了要有紮實的 web 前端技能外，還需要掌握一些面試技巧。提前瞭解一些企業需求和經典面試題的回答乾貨，會讓你的面試成功率大大提高。下面就為大家分享五個經典 web 前端面試題，助力大家找到更好的工作，走向高薪前端之路。

　　1、如何利用 Webpack 把程式碼上傳伺服器以及轉碼測試 ?

　　(1)程式碼上傳：

　　可以使用sftp-Webpack-plugin，但是會把子資料夾給提取出來，不優雅。可以使用 gulp+Webpack 來實現。

　　(2) 轉碼測試

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

　　2、 Webpack 打包檔案太大怎麼辦 ?

　　Webpack 把我們所有的檔案都打包成一個  JS  檔案，這樣即使你是小專案，打包後的檔案也會非常大。可以從去除不必要的外掛，提取第三方庫、程式碼壓縮、程式碼分割、設定快取幾個方面著手最佳化。

　　3、 CSS ， JS 程式碼壓縮，以及程式碼 CDN 託管，圖片整合。

　　(1)CSS,JS 程式碼壓縮：

　　可以應用gulp的 gulp-uglify ， gulp-minify-css 模組完成 ; 可以應用 webpack 的  UglifyJsPlugin 壓縮外掛完成。

　　(2)CDN：

　　內容分發網路(CDN)是一個經策略性部署的整體系統，包括分散式儲存、負載均衡、網路請求的重定向和內容管理 4 個要件。主要特點有：本地 Cache 加速，映象服務，遠端加速，頻寬最佳化。關鍵技術有：內容釋出、內容路由、內容交換、效能管理。 CDN 網站加速適合以諮詢為主的網站。 CDN 是對域名加速不是對網站伺服器加速。 CDN 和映象站比較不需要訪客手動選擇要訪問的映象站。 CDN 使用後網站無需任何修改即可使用 CDN 獲得加速效果。如果透過 CDN 後看到的網頁還是舊網頁，可以透過 URL 推送服務解決，新增的網頁和圖片不需要 URL 推送。使用動態網頁可以不快取即時性要求很高的網頁和圖片。 CDN 可以透過 git 或 SVN 來管理。

　　(3)圖片整合

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

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

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

　　(1)設定 Referer ：適合不想寫程式碼的使用者，也適合喜歡開發的使用者

　　(2)簽名 URL ：適合喜歡開發的使用者

　　5、開發過程中遇到的記憶體洩露情況，如何解決的 ?

　　記憶體洩露的幾種情況：

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

　　(2)由於是函式內定義函式，並且內部函式 -- 事件回撥的引用外暴了，形成了閉包。閉包可以維持函式內區域性變數，使其得不到釋放。