vue項目中的遇到的坑和感悟

happyfish 發布于2019-08-23 17:20 / 2224人閱讀

摘要：如何少寫冗余代碼，優化性能，才是我們需要考慮的。始于，每天進步一點點，持續更新

使用keep-alive包裹的組件/路由，打開一次后created只會執行一次，有兩種情況，一、如果要重新渲染部分數據，可以在activated中做處理；二、路由/組件重新重新created，可以使用官方推薦的:key="key" ，然后去改變key的值，組件就會重新掛載了

beforeRouteEnter中的next函數的執行時間是在組件mounted之后，因此需要在此處處理的數據要注意了

網頁刷新時vuex數據會丟失，需配合localStorage或sessionStorage使用，把必須數據先存后取

對于權限及不確定路由，可以使用addRoutes()，可以避免抖動

熟練使用es6的數組map、find、filter等方法，對解構賦值、class繼承、promise，及es7中的async和await

使用computed替代watch，computed依賴于data屬性的更改，是有緩存的

通過props傳遞的值，不要在子組件去更改。開發中，如果直接更改props，一、基本類型的值會報錯，二、引用類型的值不會報錯，但是不好去追溯數據的更改，很多人不太注意引用類型，可通過computed或watch去更改

在data里調用methods的方法，可以在data里定義let self = this，然后在使用self.xx()進行調用

在開發過程中，條條大路通羅馬，但是要考慮哪條路是最優路徑。如何少寫冗余代碼，優化性能，才是我們需要考慮的。

始于2019.05.08，每天進步一點點，持續更新···

云服務器 GPU云服務器云服務器搭建vue項目騰訊云服務器部署vue項目 vue項目放到云服務器上阿里云服務器搭建vue項目

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104190.html

微信小程序開發中遇到的坑和解決辦法

摘要：和部分組件表現的差異微信最小化后正在播放的會暫停，需要再次點擊播放按鈕，如果視頻設置的是不可控，沒有開始播放按鈕，視頻暫停了就無法繼續播放了，沒有該問題。 1、原生組件的層級問題 video、canvas、camera等原生組件層級最高，其他組件無論z-index為多少，都無法覆蓋在原生組件上。這里拿video組件做示例，如果需要點擊視頻支持微信開放能力，例如授權手機號，獲取用戶信息...

princekin 2019-08-23 12:39 評論0 收藏0
安裝mitmproxy以及遇到的坑和簡單用法

摘要：安裝完之后查看版本命令行輸入顯示錯誤，這是因為操作系統不支持使用這個命令，我們可以使用或代替。發現需證書有問題，我們還需要安裝提供的證書，要不抓包失敗。安裝證書瀏覽器輸入然后根據你的手機系統進行安裝即可。 mitmproxy 是一款工具，也可以說是 python 的一個包，在命令行操作的工具。 MITM 即中間人攻擊（Man-in-the-middle attack） showImg(...

baoxl 2019-07-31 09:59 評論0 收藏0
JavaScript對象深拷貝/淺拷貝遇到的坑和解決方法

摘要：在以上討論和研究結束后，同學向我推薦了一個庫，測試了一下該庫存在方法，實現深拷貝更為完整和精致，前文問題均沒有在該方法內被發現，在這里提一波。如果本文對您有任何幫助或者您有任何想要提出的意見或問題，請在本文下方回復，誠摯歡迎各位參與討論，望各位不吝指教。原載自己的小博客 JavaScript對象拷貝遇到的坑和解決方法 | 手柄君的小閣，所以無恥地算原創吧近期參與某集訓，Java...

atinosun 2019-08-26 11:44 評論0 收藏0
H5 知識點 - 收藏集 - 掘金

摘要：目錄不要過度依賴一前端掘金毫無疑問，是一款非常優秀的庫，它讓我們開發項目變得更加便捷容易。但是作為一個前端工作者，我們肯定也希望在我們的網頁里也能看到這么酷分鐘搞定常用基礎知識前端掘金基礎智商劃重點在實際開發中，已經非常普及了。跨域解決方案總結 - 前端 - 掘金為什么需要跨域？就得先知道同源策略. 同源策略同源策略是為了保證數據的安全性,一個域的腳本不能去操作另外一個域的腳本的...

frontoldman 2019-08-20 17:05 評論0 收藏0