摘要: 在日常开发业务中,经常会有一个数组由多个对象构成,需要对这种数据结构进行操作,如下: const arr = [ { name:'tom', age:15 }, { name:'jack', age:18 }, { name:'tom', age:10 }, ...] 今天总结了一下 先说这种数据结 阅读全文
posted @ 2018-09-12 17:49 林木慕风 阅读(716) 评论(0) 推荐(0) 编辑
摘要: 最近在vue项目中使用了swiper插件来完成轮播功能,没有开启循环模式,一切都很顺利 具体怎么在vue项目中引入swiper插件,这个太简单就不提了,上代码 html <div class="swiper-container"> <div class="swiper-wrapper"> <temp 阅读全文
posted @ 2018-09-10 11:50 林木慕风 阅读(12309) 评论(0) 推荐(0) 编辑
摘要: 一、首先,active-class是什么, active-class是vue-router模块的router-link组件中的属性,用来做选中样式的切换; 相关可查阅文档:https://router.vuejs.org/zh-cn/api/router-link.html 二、在vue-route 阅读全文
posted @ 2018-08-10 17:23 林木慕风 阅读(26623) 评论(2) 推荐(4) 编辑
摘要: 用JS的随机数生成函数random()配合其他数学函数可以限制随机数的取值。 JS的随机数函数及相关函数: Math.random(); 结果为0-1间的一个随机数(包括0,不包括1) 。Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。 Math.ceil(n); 阅读全文
posted @ 2018-08-01 15:42 林木慕风 阅读(3365) 评论(0) 推荐(1) 编辑
摘要: 最近搞微信公众号的开发,需要本地存储数据,这就产生了一个问题,微信中能不能用localStorage存数据?查找了网上资料,简单总结一下。 ▂▂▂▂__▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂__▂▂▂▂ 首先,微信环境其实 阅读全文
posted @ 2018-07-27 12:54 林木慕风 阅读(22666) 评论(0) 推荐(0) 编辑
摘要: 闲言碎语不用讲,直接上代码 1、vue模块中的内容 需求是点击除了下载按钮外的其他地方,关闭弹窗。 2、定义变量 3、方法 这里要在弹窗上加一个点击事件closeMsg,实现点击其他区域关闭弹窗,这个.mask是弹窗的遮罩背景。 这下大家都明白了吧! :-) 阅读全文
posted @ 2018-07-27 09:28 林木慕风 阅读(10891) 评论(0) 推荐(0) 编辑
摘要: 在原生js中用到事件绑定时,要考虑到浏览器的兼容性。IE浏览器中为attachEvent,FireFox与chrome中用法为addEventListener,并且事件绑定中的this指向也不一样,用法如下: attachEvent(事件,函数) 例:var oBtn = document.getE 阅读全文
posted @ 2018-07-25 14:08 林木慕风 阅读(870) 评论(0) 推荐(0) 编辑
摘要: 首先我们应该知道用jQuery的width()方法获取元素的宽高及样式属性数值时,如果元素的属性是浮点数,会自动四舍五入成整数。 而如果我们就是想获取实际的带小数的属性数值时该用什么方法。 在使用获取到的宽度时,为了保证与原来元素的宽度一致,我在工作中处理时有两种解决方案: 第一种js原生方法get 阅读全文
posted @ 2018-05-23 16:11 林木慕风 阅读(2186) 评论(0) 推荐(0) 编辑
摘要: 在回调函数中添加监听, var myPlayer = videojs('my-video', {},function(){ this.on('timeupdate', function() { //somethings }) }) 这个监听中的代码会一直执行,所有如果只监听一次,做一个判断 if($ 阅读全文
posted @ 2018-05-16 17:57 林木慕风 阅读(30683) 评论(0) 推荐(1) 编辑
摘要: 2、calc() 是 css3提供的一个在css文件中计算值的函数:用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 阅读全文
posted @ 2018-03-12 11:08 林木慕风 阅读(1571) 评论(0) 推荐(0) 编辑