popover

  • Vue造轮子-popover组件(上)

    1. popover是什么以及难点在哪 点一下出现一个卡片,也叫气泡卡片 难点在于css的样式 2. 用户会怎么去用 {代码...} 3. 为什么要用用inline-block,因为这样多个popover组件才不会一行 {代码...} 4. 优秀的前端css一定是写的很6的 {代码...} 5. 开始完善功能,实现点外面之后内容消失 {代码...} 6.解决第三次点击不行 第一...

    前端框架 2020-04-05 429 0 0
  • Vue造轮子-popover组件(中)

    关于click事件的,之前解决的方式是写click.stop,但是其实还是会有bug,会打断用户的事件链,用户在外面写@click,点击按钮没有用,但是点击按钮周围空白区域会有,那么就会导致别人用了组件无法自己添加click事件,所以不能用stop解决这个问题。

    前端框架 2020-04-05 416 0 0
  • Vue造轮子-popover组件(下)

    title: Vue造轮子-popover组件(下)date: 2020-01-29 10:37:44 tags: 前端学习 造轮子 1. 上一次的问题总结。 overflow:hidden -> body.appendChild 关闭重复 -> 分开,document只管外面,popover只管里面 忘了取消监听document -> 收拢close 2. 可以把一个函数哟没有五行作为一个优化的标准,简称为五行定律 3. 接...

    前端框架 2020-04-05 438 0 0