1、 運(yùn)用vuex绩鸣,頁(yè)面刷新后vuex中得數(shù)據(jù)丟失:
解決:將保存在vuex中后期需要用到得請(qǐng)求接口參數(shù)的字段用localstorge/sessionStorge技術(shù)保存起來(lái)怀大,再去獲取,當(dāng)然這個(gè)也可以不用vuex,直接存到本地呀闻。
2化借、 當(dāng)發(fā)起一次POST請(qǐng)求時(shí),若未指定content-type捡多,則默認(rèn)content-type為application/x-www-form-urlencoded蓖康。即參數(shù)會(huì)以Form Data的形式進(jìn)行傳遞,不會(huì)顯式出現(xiàn)在請(qǐng)求url中
3垒手、 Axios中post方式 以content-type為appliction/json時(shí)蒜焊,參數(shù)的形式是request payload
4、 Get請(qǐng)求傳值的形式是:Query String Parameters科贬;參數(shù)會(huì)拼接到url泳梆?參數(shù)名=參數(shù)值
5、 415狀態(tài)碼:前后端的請(qǐng)求頭設(shè)置的content-type不一致唆迁;400:前端傳向后端的參數(shù)形式與后端定義的參數(shù)形式不一致鸭丛;
6竞穷、 Axios請(qǐng)求接口的時(shí)候會(huì)線序發(fā)兩個(gè)一樣得請(qǐng)求:第一個(gè)請(qǐng)求方式是options唐责,第二個(gè)才是我們要請(qǐng)求的方式;(待解決)
7瘾带、 當(dāng)一個(gè)應(yīng)用中啟(axios.create)大于一個(gè)的服務(wù)鼠哥,這時(shí)候全局的攔截器就會(huì)出錯(cuò);因?yàn)槿謹(jǐn)r截器只是針對(duì)的一個(gè)axios;
8、 初始化看政,在vuex中能獲取到state的父級(jí)對(duì)象朴恳,這時(shí)候能看到該對(duì)象的子對(duì)象有內(nèi)容,但是刷新后在router.before中獲取子對(duì)象的時(shí)候內(nèi)容為空允蚣,原因在于刷新之后vuex中的數(shù)據(jù)需要重新提交于颖,這時(shí)候發(fā)送的請(qǐng)求以及提交vuex的過(guò)程沒(méi)有完成之前就已經(jīng)在獲取vuex中的子對(duì)象了,這時(shí)候要加定時(shí)器setTimeout進(jìn)行延遲處理嚷兔,保證在獲取vuex中對(duì)象數(shù)據(jù)之前森渐,頁(yè)面中的數(shù)據(jù)已經(jīng)提交到veux中。
知識(shí)點(diǎn):頁(yè)面中在獲取vuex中數(shù)據(jù)的時(shí)候冒晰,要保證該數(shù)據(jù)已經(jīng)提交到vuex中:1同衣、可以用setTimeout進(jìn)行延時(shí)處理;2壶运、還可以用async耐齐、await進(jìn)行處理(這只是一個(gè)思路并沒(méi)有進(jìn)行項(xiàng)目實(shí)踐)
9、 當(dāng)通過(guò)xftp將打包好得dist文件上傳到服務(wù)器,再次build出錯(cuò)埠况,關(guān)掉xftp即可
10耸携、 Elementui中的el-select組件在回顯的時(shí)候,顯示的id的類型要與設(shè)置的類型是一致的否則會(huì)顯示數(shù)字询枚,不會(huì)顯示id對(duì)應(yīng)的label
11违帆、 V-if 和 v-show:
1、v-if:是動(dòng)態(tài)的向dom樹(shù)中添加或者刪除dom元素金蜀,刷后;v-show是通過(guò)設(shè)置dom元素的display樣式來(lái)控制dom元素的顯隱性的,但是當(dāng)dom元素初始有display樣式的時(shí)候渊抄,這時(shí)候v-show不能修改display的值尝胆,因?yàn)樗R(shí)修改style為display:””或者display:none,并不會(huì)覆蓋原來(lái)的css屬性护桦;
2含衔、v-if切換是有一個(gè)局部編譯卸載的過(guò)程,切換過(guò)程中合適的銷毀和重建內(nèi)部的事件監(jiān)聽(tīng)和子組件二庵;v-show知識(shí)簡(jiǎn)單的基于css切換:
3贪染、v-if是惰性的,如果出事條件為假催享,則什么也不做杭隙,只是在條件第一次為真時(shí),才會(huì)開(kāi)始編譯(編譯被緩存后因妙,然后再切換的時(shí)候進(jìn)行局部卸載)痰憎;c-show在任何條件下(首次條件是否為真)都被編譯,然后被緩存攀涵,而且dom元素保留铣耘;
4、v-if有更高的切換消耗以故;v-show有更高的初始渲染消耗蜗细;
5、v-if適合在條件不大可能改變怒详;v-show適合頻繁切換炉媒;
12、 V-for 后面的要是跟著一個(gè)數(shù)字棘利,確保是number型不然只會(huì)遍歷出一個(gè)
13橱野、 margin:0 auto; 只會(huì)讓塊級(jí)元素水平居中(inline-block類型的也不可以啊)善玫,如果行內(nèi)元素用的話水援,display:block;既可密强;
塊級(jí)元素:?jiǎn)为?dú)成行、高度寬度均可以控制蜗元;div或渤、li、h1-h6奕扣、p薪鹦、ol、ul等
行內(nèi)元素:可以在一行顯示多個(gè)相同的元素及同類元素惯豆,不可控制大谐卮拧;img楷兽、span地熄、a、br芯杀、input端考、select;
14揭厚、 title屬性:鼠標(biāo)停留在元素上時(shí)却特,會(huì)顯示title屬性中的內(nèi)容;
15筛圆、
在vue語(yǔ)句中裂明,通過(guò)后端返回的數(shù)字來(lái)進(jìn)行狀態(tài)判定的時(shí)候,當(dāng)有兩種狀態(tài)值的時(shí)候可以用三目運(yùn)算符顽染,但是多于兩個(gè)的時(shí)候可以用computed進(jìn)行判斷顯示:如下
computed:{
//通過(guò)不同的狀態(tài)顯示對(duì)應(yīng)的文字
statusText(){
return function(status){
switch (status) {
case 0:
return '未投放';
break;
case 1:
return '在售';
break;
case 2:
return '停售';
break;
case 3:
return '審核中';
break;
case 4:
return '駁回';
break;
}
}
}
this.checkInfo.status = this.statusText(r.status);
16漾岳、 Void 一元操作符 1>保證取到undefined轰绵;2>當(dāng)點(diǎn)擊某個(gè)文字鏈接產(chǎn)生某個(gè)動(dòng)畫效果但是保持頁(yè)面不刷新是粉寞,可以使用:<a href=’javascript:void 0’>
17、 知識(shí)點(diǎn)一:js函數(shù)調(diào)用時(shí)加括號(hào)和不加括號(hào)的區(qū)別.不加括號(hào)相當(dāng)于把函數(shù)代碼賦給等號(hào)左邊,加括號(hào)是把函數(shù)返回值賦給等號(hào)左邊;
知識(shí)點(diǎn)二:js中this的用法,this總是指向調(diào)用它的對(duì)象
18左腔、當(dāng)頁(yè)面層級(jí)很多的時(shí)候唧垦,可能會(huì)造成有的圖層的border-radius不生效,在手機(jī)端液样,這時(shí)候給圖層加上z-index即可振亮,注意z-index只有在圖層設(shè)置了position屬性才生效
19、safari瀏覽器開(kāi)啟長(zhǎng)按手機(jī)圖片報(bào)錯(cuò)到本地css代碼: -webkit-touch-callout: default;
20鞭莽、小程序獲取的數(shù)據(jù){{}}中不能用toFIxed()進(jìn)行四舍五入坊秸,寫一個(gè)filters,運(yùn)用管道去處理值,否則會(huì)報(bào)錯(cuò)澎怒,例:TypeError: Cannot read property 'toFixed' of undefined; 另外toFixed()方法出樓number但是但會(huì)的是string
開(kāi)發(fā)遇到的問(wèn)題匯總
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門念逞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)困食,“玉大人,你說(shuō)我怎么就攤上這事翎承∠菥耍” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵审洞,是天一觀的道長(zhǎng)莱睁。 經(jīng)常有香客問(wèn)我,道長(zhǎng)芒澜,這世上最難降的妖魔是什么仰剿? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮痴晦,結(jié)果婚禮上南吮,老公的妹妹穿的比我還像新娘。我一直安慰自己誊酌,他們只是感情好部凑,可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著碧浊,像睡著了一般涂邀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上箱锐,一...
- 那天比勉,我揣著相機(jī)與錄音,去河邊找鬼驹止。 笑死浩聋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的臊恋。 我是一名探鬼主播衣洁,決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼抖仅!你這毒婦竟也來(lái)了坊夫?” 一聲冷哼從身側(cè)響起毙替,我...
- 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎践樱,沒(méi)想到半個(gè)月后厂画,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡拷邢,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年袱院,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瞭稼。...
- 正文 年R本政府宣布悔雹,位于F島的核電站复哆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏腌零。R本人自食惡果不足惜梯找,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望益涧。 院中可真熱鬧锈锤,春花似錦、人聲如沸闲询。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)扭弧。三九已至阎姥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間寄狼,已是汗流浹背丁寄。 一陣腳步聲響...
- 正文 我出身青樓盛正,卻偏偏與公主長(zhǎng)得像删咱,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子豪筝,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 前端網(wǎng)站開(kāi)發(fā)遇到的問(wèn)題匯總1痰滋、讓容器內(nèi)文字不管是單行還是多行始終垂直居中 解決:css無(wú)法直接控制摘能,用js實(shí)現(xiàn) 2...
- 項(xiàng)目技術(shù)棧是react + antd + tsts語(yǔ)法比較嚴(yán)格,第一次用在項(xiàng)目中敲街,使用起來(lái)還是蠻不順手的团搞,遇到的問(wèn)...
- 第一部分 HTML&CSS整理答案 1. 什么是HTML5多艇? 答:HTML5是最新的HTML標(biāo)準(zhǔn)逻恐。 注意:講述HT...