概念問題一：什麼是webpack和grunt和gulp有什麼不同
答案：webpack是乙個模組打包器，他可以遞迴的打包專案中的所有模組，最終生成幾個打包後的檔案。他和其他的工具最大的不同在於他支援code-splitting、模組化(amd，esm，commonjs)、全域性分析。
概念問題二：什麼是bundle,什麼是chunk，什麼是module?
答案：bundle是由webpack打包出來的檔案，chunk是指webpack在進行模組的依賴分析的時候，**分割出來的**塊。module是開發中的單個模組。
概念問題三：什麼是loader?什麼是plugin?
答案：1）loaders是用來告訴webpack如何轉化處理某一型別的檔案，並且引入到打包出的檔案中。
配置問題:如何可以自動生成webpack配置？
答案： webpack-cli /vue-cli /etc ...腳手架工具
開發問題一：webpack-dev-server和http伺服器如nginx有什麼區別?
答案：webpack-dev-server使用記憶體來儲存webpack開發環境下的打包檔案，並且可以使用模組熱更新，他比傳統的http服務對開發更加簡單高效。
開發問題二:什麼 是模組熱更新？
答案:模組熱更新是webpack的乙個功能，他可以使得**修改過後不用重新整理瀏覽器就可以更新，是高階版的自動重新整理瀏覽器。
優化問題一：什麼是長快取？在webpack中如何做到長快取優化？
優化問題二：什麼是tree-shaking?css可以tree-shaking嗎?
答案：tree-shaking是指在打包中去除那些引入了，但是在**中沒有被用到的那些死**。在webpack中tree-shaking是通過uglifysplugin來tree-shaking js。css需要使用purify-css。
願你成為終身學習者
前端面試 前端面試總結2018 07
2周面試了11家公司吧，具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望，蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面，二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...
前端面試之BFC
它是頁面中的一塊渲染區域，有一套渲染規則，決定了其子元素如何布局，以及和其他元素之間的關係和作用。滿足下列條件之一就可觸發bfc 根元素，即html元素 float的值不為none overflow的值不為visible display的值為inline block table cell table...
前端面試之Dom
dom按其內容可分為5個部分 核心dom 是用於xml與html的共用介面 xmldom xml專用介面 html dom html專用介面 dom事件模型 定義dom能夠響應的事件 css dom css專用介面 html節點樹html文件是一種樹狀的結構化文件 各標記之間是一種樹狀的層次關係 說...