webpack和vue的按需加載組件、console、抓包

一、webpack和vue的按需加載組件

webpack特有的懶加載文件的方式，很大的提高了webpack打包SPA應用的在性能方面。

而從webpack2之後require.ensure已經被import()替換。

const Recommend = (resolve) => {
  import('components/recommend/recommend').then((module) => {
    resolve(module)
  })
}

export default new Router({
　　routes: [{
　　　　path: '/recommend',
　　　　component: Recommend
　　}]
})

會返回Promise對象。

 

二、console

移動端測試是比PC端困難不少，由於沒有控制檯，不少錯誤信息都沒法知道。

由於瀏覽器的差別問題，極可能出現一些方法不兼容或者別的問題，但沒有控制檯

報錯，只能靠猜想與證明來定位問題，或者直接打印到後臺裏實現前端日誌，但這些

都是很大的工做量，有可能直接就是一個項目，好比監控項目等項目工程，但有時這些

是很不現實的，由於耗費人員資源。

而但是使用vconsole等工具實現開發環境移動端打印控制檯日誌來查看問題等等。

資料

import vConsole from 'vconsole'

new vConsole()

 

三、charies抓包

Charles實際上是一款代理服務器，經過成爲電腦或者瀏覽器的代理，而後截取請求和請求結果達到分析抓包的目的。

資料