1猜扮、vue項(xiàng)目中使用scoped
當(dāng)一個(gè)style標(biāo)簽擁有scoped屬性時(shí)候，它的css樣式只能用于當(dāng)前的Vue組件监婶，可以使組件的樣式不相互污染旅赢。如果一個(gè)項(xiàng)目的所有style標(biāo)簽都加上了scoped屬性齿桃，相當(dāng)于實(shí)現(xiàn)了樣式的模塊化。
出現(xiàn)樣式失效問題
:scss的樣式穿透,在樣式的選擇器前加上 /deep/
使得.vue中的樣式不影響其他.vue組件樣式煮盼，而不是scoped使得.vue組件樣式不受外樣式影響短纵。(組件中自己是有scoped的)
scoped 只會作用于自組件的根組件。
vue加scoped后無法修改樣式（無法修改element UI 樣式）
2僵控、用el-date-picker時(shí)香到，回顯成功，但是修改不了
【vue】使用el-date-picker遇到的坑：回顯后無法更新數(shù)據(jù)
在dialog里面的使用喉祭，因?yàn)閐ialog里面有懶加載
const data1 = this.workPointForm.planStartDate ? [new Date(this.workPointForm.planStartDate), new Date(this.workPointForm.planEndDate)] : []
const data2 = this.workPointForm.startDate ? [new Date(this.workPointForm.startDate), new Date(this.workPointForm.endDate)] : []
this.$set(this.workPointForm, 'planDate', data1)
this.$set(this.workPointForm, 'startAndEndDate', data2)
3养渴、json文檔的解析
json文件放在static文件夾里，然后ajax進(jìn)行請求使用
1.png
4泛烙、echarts 數(shù)據(jù)重新加載,原數(shù)據(jù)依然存在圖表上
多次調(diào)用時(shí)option選項(xiàng)默認(rèn)是合并（merge）的理卑，加上true表示不合并配置
echarts.setOption(option, true)
5、web前端使用原生js實(shí)現(xiàn)圖片滑輪滾動放大縮小
6蔽氨、el-row
el-row的gutter屬性來指定每一欄之間的間隔藐唠，默認(rèn)間隔為 0。
7鹉究、HTML <map> 標(biāo)簽
map進(jìn)行圖上點(diǎn)的點(diǎn)擊效果設(shè)置
1.png
1.png
分別量取所需設(shè)定點(diǎn)的原點(diǎn) 半徑（param.x param.y param.r）
1.png
document.getElementById(
${item.value}).setAttribute('coords', '' + x1 + ',' + y1 + ',' + r1 + '') 設(shè)置每個(gè)點(diǎn)對應(yīng)的圖像映射點(diǎn)
1.png
監(jiān)聽resize事件
