1.記一個(gè)配置時(shí)候遇到的問(wèn)題。怎么配置網(wǎng)上有一堆大概向下面這樣：
問(wèn)題就是如果你的api端口地址是80，而你cli的port默認(rèn)是8080的話，這樣配置還是訪問(wèn)不到的，會(huì)報(bào)502 網(wǎng)關(guān)錯(cuò)誤，我試過(guò)在target地址后面填上端口80不好使，最后是把port改成與api接口一樣的端口號(hào)就調(diào)通了。
2.移除嚴(yán)格模式
安裝
cnpm i babel-plugin-transform-remove-strict-mode -D
在babel.config.js中進(jìn)行配置（vue-cli3 中 沒(méi)有.babelrc文件）
plugins: [
["@babel/plugin-transform-modules-commonjs", { "strictMode": false }]
],
3.Vue看代碼時(shí)遇見(jiàn)的記錄
https://cn.vuejs.org/v2/api/#provide-inject
provide / inject這對(duì)選項(xiàng)需要一起使用，以允許一個(gè)祖先組件向其所有子孫后代注入一個(gè)依賴，不論組件層次有多深，并在起上下游關(guān)系成立的時(shí)間里始終生效。
provide 選項(xiàng)應(yīng)該是：一個(gè)對(duì)象或返回一個(gè)對(duì)象的函數(shù)
inject 選項(xiàng)應(yīng)該是：一個(gè)字符串?dāng)?shù)組，或 一個(gè)對(duì)象，對(duì)象的 key 是本地的綁定名
mixins 就是定義一部分公共的方法或者計(jì)算屬性,然后混入到各個(gè)組件中使用,方便管理與統(tǒng)一修改
4.事件的節(jié)流（throttle）與防抖（debounce）
nextTick，則可以在回調(diào)中獲取更新后的 DOM
vue響應(yīng)式的改變一個(gè)值以后，此時(shí)的dom并不會(huì)立即更新，如果需要在數(shù)據(jù)改變以后立即通過(guò)dom做一些操作，可以使用$nextTick獲得更新后的dom。
4.官方文檔才反復(fù)強(qiáng)調(diào)對(duì)于任何復(fù)雜邏輯，你都應(yīng)當(dāng)使用計(jì)算屬性
computed依賴于data中的數(shù)據(jù)，只有在它的相關(guān)依賴數(shù)據(jù)發(fā)生改變時(shí)才會(huì)重新求值
5.審查項(xiàng)目的 webpack 配置 vue inspect > output.js
6.優(yōu)化打包之后文件提交的工具。webpack-bundle-analyzer
vue add webpack-bundle-analyzer
手動(dòng)添加一下 然后執(zhí)行 npm run build --report 就會(huì)在dist目錄下生產(chǎn)一個(gè)report.html
7.chainWebpack 和 configureWebpack 的區(qū)別。
chainWebpack 的底層是 webpack-chain，命令式 Webpack 配置的事實(shí)標(biāo)準(zhǔn)，提供了一套靈活的上層 API 進(jìn)行 Webpack 配置而無(wú)需過(guò)分關(guān)注 Webpack Config 的規(guī)范細(xì)節(jié)。configureWebpack 的底層是 webpack-merge，能讓你通過(guò)編寫(xiě)一個(gè)配置子集快速合并到最終的完整配置中。
那么問(wèn)題來(lái)了，如果我只是想修改已經(jīng)存在于基礎(chǔ)配置中的某個(gè) loader 的選項(xiàng)，我用 configureWebpack 要怎么做？直接編寫(xiě)與那個(gè) loader 相關(guān)的配置子集的話，很可能會(huì)覆蓋掉有用的預(yù)置選項(xiàng)。
如果對(duì)一個(gè)loader或plugin修改的配置如果是一項(xiàng)的話推薦
chainWebpack、如果是多項(xiàng)的話用configureWebpack直接覆寫(xiě)
直接用全局的less編譯當(dāng)然是可以的啊。但是webpack中重點(diǎn)是對(duì)于引入到j(luò)s文件的less進(jìn)行處理，或是像是vue單文件組件那樣的頁(yè)面內(nèi)的less進(jìn)行處理。
8.vue-cli 使用 proxyTable 解決每次的session值不一樣
https://blog.csdn.net/qq_29297365/article/details/80965651
9.# vue beforeEach 死循環(huán)問(wèn)題解決方法
babel 只會(huì)把 es6 的語(yǔ)法轉(zhuǎn)化成 es5的形式。但是也僅僅是書(shū)寫(xiě)方式的變化。比如：箭頭函數(shù)換成匿名函數(shù)等。不會(huì)轉(zhuǎn)換沒(méi)有的方法。比如：Array.find 等等新的方法。這個(gè)就需要一個(gè)墊片。promise 就是這樣的
如果需要支持低版本瀏覽器，就需要加墊片 babel-poyfil
win10 npm intall的坑
http://www.itdecent.cn/p/49a4919d302d
safari 日期問(wèn)題new Date(("2020-10-10 00:00:00").replace(/-/g,'/')).getFullYear()
