摘要: 这是一个比较简单的组件 实现功能是当scroll下滑到一定距离时 出现backToTop的图标 点击图标时 上滑到顶端 注意的是 当scroll下滑到一定距离时 出现backToTop的图标这个功能是在元素挂载好之后实现 因此放在mounted钩子函数里面 当组件被销毁前 要解绑 scroll 所以 阅读全文
posted @ 2017-11-23 14:06 summercyz 阅读(519) 评论(0) 推荐(0) 编辑
摘要: debounce 函数 function debonce (method) { clearTimeout(method.timer) method.timer = setTimeout( function () { method () }, 50) } debonce 函数保证函数执行频率最多 50 阅读全文
posted @ 2017-11-17 21:46 summercyz 阅读(164) 评论(0) 推荐(0) 编辑
摘要: npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 阅读全文
posted @ 2017-11-14 11:53 summercyz 阅读(1743) 评论(0) 推荐(2) 编辑
摘要: .header-img position: relative width: 100% height: 0 padding-top: 100% img position: absolute top: 0 left: 0 width: 100% height: 100% 阅读全文
posted @ 2017-10-31 15:24 summercyz 阅读(279) 评论(0) 推荐(0) 编辑
摘要: this.$nextTick(() => { if (!this.scroll) { this.scroll = new BScroll(this.$refs.shopcartList, { click: true }) } else { this.scroll.refresh() } }) 阅读全文
posted @ 2017-10-30 20:01 summercyz 阅读(2295) 评论(0) 推荐(0) 编辑
摘要: <div class="detail> <div class="detail-wrapper clearfix"> <div class="detail-main"> </div> </div> <div class="detail-close" > </div> </div> 阅读全文
posted @ 2017-10-19 20:22 summercyz 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 对于不同的dpr 实现border:1px in mixin.styl border-1px($color) position: relative &:after display: block position: absolute left: 0 bottom: 0 width: 100% bord 阅读全文
posted @ 2017-10-17 20:31 summercyz 阅读(137) 评论(0) 推荐(0) 编辑
摘要: <template ></template> <script type="text/ecmascript-6"> </script> <style lang="stylus" rel="stylesheet/stylus"> </style> 阅读全文
posted @ 2017-10-17 16:45 summercyz 阅读(1339) 评论(0) 推荐(0) 编辑
摘要: .clearfix display: inline-block &:after display: block content: "." height: 0 line-height: 0 clear: both visibility: hidden 阅读全文
posted @ 2017-10-15 10:52 summercyz 阅读(101) 评论(0) 推荐(0) 编辑
摘要: white-space: nowrap overflow: hidden text-overflow: ellipsis 阅读全文
posted @ 2017-10-13 21:35 summercyz 阅读(115) 评论(0) 推荐(0) 编辑