2022-08-15

vue中@click.native，监听组件根元素上的监听事件，作用就是给组件绑定上原生事件。例如router-link标签中的@click事件不会触发，该绑定事件是无效的，如果加上.native的话就还能触发click的事件。
-------------------
display:none与visibility:hidden的区别：两者都是隐藏元素，前者是联通后代一同隐藏且隐藏之后不占位置，后者只是隐藏自己本身，不会隐藏后代且隐藏后依然占位置。visibility:hidden具有继承性，给父元素设置visibility:hidden，子元素也会继承这个属性，但如果重新给子元素设置visibility:visible的话，子元素又会显示出来。css3的transition支持visibility属性，单不支持display属性，因为transition可以设置延迟，所以可以配合visibility使用纯css或者hover展示延时效果，因此来提高用户的体验。
--------------------
想要修改在点击地图时弹出的地图弹窗css问题，先找到该地图的api，即openlayer5中的overlay实例，该实例中有一个className属性，作用是给该弹窗加上一个类名，然后再main.js所引入的css全局样式表中写上需要的css样式。
--------------------
vue组件中<style scoped>的scoped属性：如果不加scoped属性，样式就会作用到全局当中，加了scoped属性之后就会限制样式只在该作用域内生效。还有less和scss可以在类名的属性下再写子代的类名（id）的css。
--------------------
利用伪元素写一个单方向的三角形：
.demo:after{
content: '';
display: inline-block;
width: 0;
height: 0;
border: 8px solid transparent;
border-left: 8px solid #AFABAB;
position: relative;
top: 2px;
left: 10px;
}

-----------------

写出一个带有流动光环的按钮

file:///D:/AAkaookiee2.0/vue2.0/echarts/%E6%9C%89%E5%85%89%E7%8E%AF%E7%9A%84%E6%8C%89%E9%92%AE.html