摘要: 格式:let obj = new BScroll(object,{[option1,],.,.}); 注意,如果在某一个组件内创建了一个BScroll的实例,在组件生命周期结束前要注意调用destroy方法,否则在滑动过程中切换页面会导致一直触发scroll事件,导致一些意想不到的问题,切记!!! 阅读全文
posted @ 2019-02-18 12:29 zcmos 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 使用vue-awesome-swiper过程中,我们该如何自定义轮播图的页数,将剩余的内容分布到下一张轮播图呢?如下图, 第一张: 第二张: 这个时候,我们可以使用vue的computed属性来自定义轮播图的页数, Vue.js在模板表达式中限制了,绑定表达式最多只能有一条表达式,但某些数据需要一条 阅读全文
posted @ 2019-01-17 19:33 zcmos 阅读(1562) 评论(0) 推荐(0) 编辑
摘要: CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题, 阅读全文
posted @ 2019-01-17 18:10 zcmos 阅读(3612) 评论(1) 推荐(0) 编辑
摘要: 1. v-text v-text主要用来更新textContent,可以等同于JS的text属性。 <span v-text="msg"></span> 这两者等价: <span>{{msg}}</span> 2. v-html 双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTM 阅读全文
posted @ 2019-01-16 16:11 zcmos 阅读(1325) 评论(0) 推荐(0) 编辑
摘要: 项目背景:项目的使用场景是面向信息安全相关部门,环境很有可能没有公网,局域网并不稳定,所以无法使用七牛等CDN保存图片资源。从而采用引入本地资源的方式 通常一张本地静态图片在vue中的写法是这样 <img src="@/assets/icon/demo.png"> 但是,img标签如果在src路径中 阅读全文
posted @ 2019-01-16 16:02 zcmos 阅读(6229) 评论(0) 推荐(0) 编辑
摘要: .HomeWrapper width: 100% height: 0 padding-bottom: 37.07% overflow hidden.HomeWrapper width: 100% height: 37.07vh 阅读全文
posted @ 2019-01-15 17:03 zcmos 阅读(100) 评论(0) 推荐(0) 编辑