css&js的一些技巧汇总(未完待续)

1.height无法达到效果时,可以试试max-height
比如:transition对height:auto 无效,可以通过max-height:50vh解决

2.:focus 和 :blur事件在交互上存在冲突时,可以通过hover解决

比如:input的blur失去焦点ul收起,但在点击li标签时,因为收起的太快无法触发事件,所以可以用hover不收起解决

3.clickoutside、blur、mouseDown

elementUi中clickoutside后于blur

mouseDown先于blur

click后于blur

4.append-to-body='false'

为true时,冒泡机制在body上,为false在其父级元素上

5.css方式字段后面加顿号

.item+.item::before{
   content:'、'
}

 

posted @ 2023-06-23 17:46  卷叶小树  阅读(5)  评论(0编辑  收藏  举报