此處記錄一些項(xiàng)目中跳進(jìn)的坑,或深或淺往声。大概算是工作的錯(cuò)題集吧。現(xiàn)階段跳進(jìn)的戳吝,大多都是腦殘才會(huì)跳進(jìn)的坑浩销。祈禱我早日跳完腦殘坑吧。
關(guān)于css
- 上傳頭像部分未設(shè)置圖片的大小听哭,導(dǎo)致上傳的頭像過大慢洋,搞笑!
- 使用bootstrap的圓形圖片類名
img-circle
欢唾,類似于給圖片設(shè)置border-radius: 50%
,圖片需為正方形粉捻,否則設(shè)置后礁遣,圖片就轉(zhuǎn)為了橢圓形而非圓形。
關(guān)于vue.js
- 使用
v-model
支持雙向綁定 - html中使用的變量肩刃,如在
v-model=" "
祟霍、v-show=" "
中使用的變量,皆應(yīng)在<script> </script>
的data
中進(jìn)行聲明盈包。如下:
data: function() {
return {
變量名1: '',
變量名2: '',
變量名3: ''
......
}
},
javascript是屬于弱類型語言沸呐,故不需考慮變量的實(shí)際格式,聲明變量時(shí)皆可用
string
類型呢燥。
- html中調(diào)用的方法崭添,應(yīng)在
<script> </script>
的method
中創(chuàng)建。頁面加載時(shí)需調(diào)用的方法叛氨,應(yīng)在ready
中聲明呼渣。同時(shí)棘伴,ready
中的方法名以及method
中的方法所調(diào)用的參數(shù),應(yīng)在其前加this.
屁置,如下:
ready: function() {
this.方法名1();
this.方法名2();
......
},
- 此外也學(xué)到了通過
v-show
設(shè)置不同的變量值焊夸,同時(shí)為按鈕添加切換變量值的方法,實(shí)現(xiàn)點(diǎn)擊不同的按鈕跳出不同內(nèi)容的彈出框的功能蓝角。
clock.gif