摘要: html <div id="loading"><img src="img/load1.gif" id="loading" /></div> css #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-in 阅读全文
posted @ 2018-07-13 10:38 小冰精灵 阅读(3086) 评论(0) 推荐(0)
摘要: 一、除了v-model之外,, Vue.set(target,prop,value) 二、合并对象 Object.assign(target,[要合并的对象1,要合并的对象2,。。。。]) 三、数组操作 var arr = [1,2,3,4,5,6,7,8,9]; // 数组的每一项都乘上2,放在新 阅读全文
posted @ 2018-06-25 17:09 小冰精灵 阅读(139) 评论(0) 推荐(0)
摘要: http://www.cnblogs.com/taylorchen/p/6083099.html 阅读全文
posted @ 2018-06-22 09:29 小冰精灵 阅读(1096) 评论(0) 推荐(0)
摘要: 1、在需要hover的标签上加上 transition: all .2s ease-in-out; 2、让高亮更有层次 .nav-items a{ opacity: .69; color:#fff; cursor: pointer; transition: all .2s ease-in-out;} 阅读全文
posted @ 2018-05-24 15:29 小冰精灵 阅读(2250) 评论(0) 推荐(0)
摘要: 一、安装 二、创建vue项目 阅读全文
posted @ 2018-05-22 11:21 小冰精灵 阅读(112) 评论(0) 推荐(0)
摘要: 第一个 第二个 阅读全文
posted @ 2018-05-22 11:06 小冰精灵 阅读(13799) 评论(0) 推荐(0)
摘要: 1、选择器优先使用ID选择器 2、用变量存选择器 3、swicth性能高于if,if层级不建议超过两层 4、遇到渲染不上的问题时,可以用setInterval或者setTimeout做延迟 欢迎小伙伴们提供更多小技巧,一起学习进步~ 阅读全文
posted @ 2018-05-22 10:45 小冰精灵 阅读(118) 评论(0) 推荐(0)
摘要: 布局部分: <ul class = "barrage-area"></ul> css部分: .barrage-area{ font-size:0.28rem; line-height:2em; overflow:hidden; position:relative; height:10em; bord 阅读全文
posted @ 2018-05-22 10:38 小冰精灵 阅读(160) 评论(0) 推荐(0)
摘要: 进度条效果如下: CSS部分 body { background-color: white; } .progress-bar { display: flex; flex-direction: row; } .item { display: flex; width: 1%; flex-grow: 1; 阅读全文
posted @ 2017-10-23 14:34 小冰精灵 阅读(326) 评论(0) 推荐(0)
摘要: 页面上用fixed定位一个元素,随滚动条滚动位置不变,最开始我只用了css给元素身上写上fixed属性,发现滚动时元素会发生抖动,随后我就在网上找到解决办法,封装了个方法,如下: Css部分 此部分是元素的样式代码,fixed是重点。 Html部分 此部分根据自己需要给一个id号 Javascrip 阅读全文
posted @ 2017-10-17 15:03 小冰精灵 阅读(1089) 评论(0) 推荐(0)