01 2020 档案

Vue造轮子-popover组件(下)
摘要：1. 上一次的问题总结。 overflow:hidden body.appendChild 关闭重复 分开,document 只管外面,popover 只管里面 忘了取消监听 document 收拢 close 2. 可以把一个函数哟没有五行作为一个优化的标准,简称为五行定律 3. 接下来把样式改好 阅读全文
posted @ 2020-01-31 12:07 Ories 阅读(418) 评论(0) 推荐(0)
Vue造轮子-popover组件(中)
摘要：1. 现在遇到的问题 如果在popover外面包了个div写上overflow:hidden就会出bug,所以要把弹出的div放到按钮的同一个层级 关于click事件的,之前解决的方式是写click.stop,但是其实还是会有bug,会打断用户的事件链，用户在外面写@click,点击按钮没有用，但是 阅读全文
posted @ 2020-01-30 14:08 Ories 阅读(543) 评论(0) 推荐(0)
Vue造轮子-popover组件(上)
摘要：1. popover是什么以及难点在哪 点一下出现一个卡片,也叫气泡卡片 难点在于css的样式 2. 用户会怎么去用 3. 为什么要用用inline block，因为这样多个popover组件才不会一行 4. 优秀的前端css一定是写的很6的 5. 开始完善功能,实现点外面之后内容消失 6.解决第三 阅读全文
posted @ 2020-01-29 13:58 Ories 阅读(1608) 评论(0) 推荐(0)
Vue造轮子-Tabs测试(下)
摘要：1. 如果g tabs里面不是g tabs head，g tabs body期望会报错。 test里面也应该期待一个报错，通过google搜索chai expect error得到写法,但是又碰到报错是异步的问题,接下来我们又搜索 chai aysnc error 去解决,发现也没有办法解决，决定退 阅读全文
posted @ 2020-01-28 21:54 Ories 阅读(285) 评论(0) 推荐(0)
Vue造轮子-Tabs测试(上)
摘要：1. 点击出现下划线的问题 2. 找到item之后开始做动画 mounted(){ this.eventBus.$on('update:selected', (item, vm) = { let {width, height, top, left} = vm.$el.getBoundingClien 阅读全文
posted @ 2020-01-28 21:53 Ories 阅读(219) 评论(0) 推荐(0)
Vue造轮子-tab组件(下)
摘要：1. 为什么一个 new Vue 可以构造出一个 eventBus 2. 开始写 CSS 样式 3.激活属性 active 应该放在 data，还是放在 props 如果需要用户传值，就放到 props 里面，因为 props 是你的输入参数， data 不需要用户传值，自身维护值 4.在 moun 阅读全文
posted @ 2020-01-28 13:27 Ories 阅读(254) 评论(0) 推荐(0)
造轮子-tab组件(上)
摘要：1. 如何解决之前遗留的bug 1. 根据错误提示大概确定原因，toast.test.js .style 造成。 2. 用二分法找bug到底是哪一个用例出错。 3. log+分析代码,mounted和$nextTick是有时间间隙的，得到原因测试用例中mount完了之后立刻click,click之后 阅读全文
posted @ 2020-01-27 23:39 Ories 阅读(177) 评论(0) 推荐(0)
造轮子-tab组件(中)
摘要：1. 如果给一个标签一个class,标签本身又有class,vue是默认会合并的。只有两个属性是这样一个是class,一个是style。这样就比较好改样式。 2. 组件的结构以及selected的传递过程，见下图。 没有点击的图 发生了点击操作的图，两个item兄弟之间是没有关系的，发生了点击操作之 阅读全文
posted @ 2020-01-27 23:34 Ories 阅读(154) 评论(0) 推荐(0)
toast组件单元测试
摘要：前端开发 阅读全文
posted @ 2020-01-27 14:17 Ories 阅读(205) 评论(0) 推荐(0)
造轮子-toast组件的实现(下)
摘要：前端开发 阅读全文
posted @ 2020-01-26 22:19 Ories 阅读(497) 评论(0) 推荐(0)