20200918 前端業務專案的日常記錄

2021-10-09 13:55:02 字數 1215 閱讀 2162

大專案中，狀態管理用vuex。

而小專案中，如果有一處需要被多個例項（元件）間共享的狀態，可以使用store模式。

var mystore =


,setmsgaction


(newvalue)


,clearmsgaction()


}export


default mystore // 不要忘記匯出export，不匯出怎麼用
import mystore from


'@/store/mystore'


export


default},


mounted()


}
vuex是乙個狀態管理模式，當元件進行資料修改的時候，需要呼叫dispatch來觸發action裡面的方法。action裡面的每個方法中都會有乙個commit方法，當方法執行的時候會通過commit觸發mutatuions裡面的方法進行資料的修改。mutations裡面每個函式都會有乙個state引數，這樣就可以在mutations裡面進行state的資料修改

當乙個物件直接賦值非另乙個物件時，修改另乙個物件的值會影響前乙個物件的值

let a =


this


.vehiclechange


let b =


this


.vehiclechangedata


b = a
比如，修改b物件中的name屬性時，會同時把a物件中的name也修改掉

this


.vehiclechangedata =


json


.parse


(json


.stringify


(this


.vehiclechange)


)
json.stringify()物件轉為串，json.parse()串轉為物件，json操作是深拷貝操作。

注意：如果是物件的賦值，一般都是用深拷貝，否則會一起改變。通常使用的淺拷貝是適用於除物件以外的直接賦值

smile and let everyone know that today you』re a lot stronger than you were yesterday.

用微笑告訴世人，今天的你比昨天更加強大。

20200616 前端業務專案的日常記錄

使用function定義settimeout時，this會優先指向window物件。第一種解決方案是必須在它的外層重新拿到當前物件this let that this之後的this都用that代替即可 第二種解決方案是使用es6的箭頭函式 settimeout 1000 使用箭頭函式後，裡面的thi...

20200716 前端業務專案的日常記錄

子元素使用 click.stop即可防止冒泡 觸發父級的click事件 當vertical align bottom無效時，可以用flex，在上方弄乙個用於填充的空元素 stlye display flex flex direction column stlye flex 1 div 需要貼住底部的...

20201210 前端業務專案的日常記錄

操作快捷鍵 字元快速選擇 shift 方向鍵 詞選擇crtl shift 方向鍵 詞定位ctrl 方向鍵 簡單記憶 加了ctrl代表 詞 加了shift代表選擇 當元件動態賦值，dom卻不能及時更新，無法及時渲染出正確的結果時，可以採用元件強制重新整理的方法。模版上繫結key thekey 選項裡繫...