2018年7月30日
知识汇总09~bootstrap-select在Vue中的封装
摘要： 在项目中为何选择了bootstrap的bootstrap-select插件，因为相比其他下拉插件，这个插件更成熟，兼容性更好，也容易使用！ 如何在Vue中封装成组件： 在项目中引入相应的bootstrap，与bootstrap-select的js与css 1、js：组件封装 Vue.componen 阅读全文
posted @ 2018-07-30 17:51 刘欢乐 阅读(719) 评论(0) 推荐(0) 编辑
知识汇总08~字符串截取
摘要： 在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(start,[end]),substring(start,[en 阅读全文
posted @ 2018-07-30 16:51 刘欢乐 阅读(161) 评论(0) 推荐(0) 编辑
知识汇总07~es6中模板字符串的应用
摘要： 在项目中遇到一个问题，使用传统的字符串拼接方式，拼接html标签，发现如果是id是动态改变的，如：id="sss_"+count,count的值是1，2，3；发现最后输出的是id为sss_+1;sss_+2;sss_+3;没有达到我想要的sss_1,sss_2等；之后测试了几种方法都没有达到想要的效 阅读全文
posted @ 2018-07-30 16:32 刘欢乐 阅读(178) 评论(0) 推荐(0) 编辑
2018年7月25日
知识汇总06~jquery中clone方法的应用
摘要： 在项目中遇到一个问题，如：<a>内容<span>通过判断是否要显示的内容</span></a>要求只显示 a标签中的内容，不显示span标签中的内容 在jquery中有一个最基础的方法，clone,克隆元素，有了这个方法就有了解决思路： 通过clone方法，可以复制标签，将复制的标签移除掉子标签，在 阅读全文
posted @ 2018-07-25 12:28 刘欢乐 阅读(248) 评论(0) 推荐(0) 编辑
2018年7月23日
知识汇总05~针对html元素的全屏实现
摘要： 项目实战实例：vue结合bootstrap的modal弹框实现全屏 html： <div class="modal fade" id="myModals1" tabindex="-1" onKeyDown="keylistener(event)"> <!-- 窗口声明 --> <div class= 阅读全文
posted @ 2018-07-23 11:14 刘欢乐 阅读(255) 评论(0) 推荐(0) 编辑
知识汇总04~es6中for ……of与for……in的区别
摘要： 遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层 阅读全文
posted @ 2018-07-23 10:40 刘欢乐 阅读(400) 评论(0) 推荐(0) 编辑
2018年7月20日
知识汇总03~iframe页面之间的跳转
摘要： 页面跳转的方法： 假如有A,B,C三个页面，C是B的iframe, B是A的iframe第一种：本页面的跳转location = window.location =location.href = window.location.href =self.location.href = "url地址";w 阅读全文
posted @ 2018-07-20 16:12 刘欢乐 阅读(604) 评论(0) 推荐(0) 编辑
知识汇总02~attr与prop使用的区别
摘要： prop()函数的结果: 1.如果有相应的属性，返回指定属性值。 2.如果没有相应的属性，返回值是空字符串。 attr()函数的结果: 1.如果有相应的属性，返回指定属性值。 2.如果没有相应的属性，返回值是undefined。 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对 阅读全文
posted @ 2018-07-20 16:02 刘欢乐 阅读(120) 评论(0) 推荐(0) 编辑
知识汇总01~jq动态创建标签添加事件
摘要： $(document).on(" 事件","选择器",执行函数)；eg:$(document).on("click","div",function(){console.log("添加了点击事件")}) 阅读全文
posted @ 2018-07-20 15:51 刘欢乐 阅读(160) 评论(0) 推荐(0) 编辑
2018年6月24日
HTML5做移动端的项目添加meta
摘要： 在HTML5的项目中，移动端需要添加这个meta，用于设置屏幕和设备等宽度以及是否运行用户缩放，及缩放比例的问题。 <meta name='viewport' content="width=device-width,initial-scale=1,maximum-scale=1,user-scala 阅读全文
posted @ 2018-06-24 12:54 刘欢乐 阅读(236) 评论(0) 推荐(0) 编辑