單頁面開發--爬坑

紫Young菌發表於2018-07-27

1、微信分享

https://blog.csdn.net/danny00lo/article/details/79299992

2、路由問題

https://www.cnblogs.com/zhuzhenwei918/p/7421430.html

3、分享問題

https://segmentfault.com/q/1010000011029868/a-1020000011033720

4、靜態檔案引入時

由於其自動打包生成了static,所以公用的js css檔案可以放入其中

5、打包編譯時的錯誤

檔案醫用錯誤,可能是打包是路徑配置問題,找打build下面的webpack.prod.conf.js ,在output中新增publicPath:'./'
複製程式碼

6、懶載入

https://blog.csdn.net/wp_boom/article/details/78799237 原理 https://blog.csdn.net/weixin_35955795/article/details/54411516

7、開發階段

由於想通過區域網訪問本地,但是所以要在pack.json中,進行配置,這是因為在webpack中有webpack-dev-server,這是一個依託於node express的框架,它使用webpack-dev-middleware來服務於webpack的包,它還有一個通過sock.js來連線到伺服器的微型執行時 在 scripts中, 給dev後面新增 "--host 192.16.50.165(本機ip)" 但是這時卻不一定好,由於webpack-dev-server的安全策略,預設會檢查hostname,如果hostname不是配置內的,將中斷訪問,有可能會報錯,'Invalid Host header',所以還要做點改變,在webpack.base.conf.js中,設定一下webpack-dec-server的配置: deServer:{ disableHostCheck:true,//禁止檢查hostname }

8、關於 “ [Vue warn]: $attrs is readonly. found in” 報錯問題

由於webpack本身已經會引入vue,如果重複引入webpack就會導致這個問題

9、mintui 時間元件要放在外層,否則可能會出現無法關閉的情況

10、vue生命週期中 activated 和 deactivated 用於檢測元件的進入與移除

10、https://juejin.im/post/5aaf0907f265da23870e9fed 首頁輪播元件

11、父子元件樣式,需要傳樣式時,可以在元件上設定寬高樣式等,子元件可以繼承這一個樣式(樣式表現在元件最外層上但是寬高可以根據其進行設定)

12、通過事件跳轉頁面的時候,不能像傳統做法,直接Window.href,要通過更改路由的方式來做

this.$router.push({path: '/pathname', query: {orderId: 12}})

13、在專案中引用模組時,如果一個模組被多次引用,名字最好保持一致,否則會有提示,看起來很煩的

14、如何在父元件中修改子元件樣式

可以使用 /deep/,例如: .panel-list /deep/ .panelItem //注意空格

相關文章