摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 前言 最近在项目上加一个图片裁剪上传的功能,用的是cropper插件,注意到选择本地图片后就会有预览效果,这里整理一下这种预览效果的实现原理; 实现原理 通过input的 type = file属性和js的内置FileRe 阅读全文
posted @ 2018-05-16 15:05 LeonWuV 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 他们的共性是都可以操作数据,截取一段数组, 1. slice(start,end) 从start开始截取到end但是不包括end 返回值为截取出来的元素的集合 原始的数组不会发生变化 参数也支持负数,计算结果为负数加上总长 阅读全文
posted @ 2018-05-16 15:01 LeonWuV 阅读(6936) 评论(0) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 数据类型的分类 JavaScript的数据类型分为两大类,基本数据类型和复杂数据类型。 基本数据类型:Null、Undefined、Number,String,Boolean。 复杂数据类型:Object。 一、Objec 阅读全文
posted @ 2018-05-16 14:56 LeonWuV 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 先热身 看看下面的额代码会打印出什么? for(var i = 0; i 没错,上面的代码可以打印出我们想要的结果,他的结果为0~4,可是为什么呢? 我们所采用的解决方案是闭包,闭包可以延长其私有变量的生命周期,意思就是内 阅读全文
posted @ 2018-05-16 14:51 LeonWuV 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 前言 在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了 各浏览器的写法 IE6/7/8 IE9以上 Safari Firefox Chrome 具体的写法 通 阅读全文
posted @ 2018-05-16 14:44 LeonWuV 阅读(3740) 评论(1) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 前言 在工作中我们可能会遇到这样的需求,当浏览器切换到别的标签页或着最小化时,我们需要暂停页面上正在播放的视频或者音乐,这个需求就会用到我下面要说的这个知识点: 1. document.visibilityState 2. 阅读全文
posted @ 2018-05-16 14:43 LeonWuV 阅读(1201) 评论(0) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 前言 首先这两个都与透明度有关,那么他们之间有什么具体的区别呢?在实际工作中我们需要注意什么呢?请您接着往下看 语法 1. rgba 首先它是一个属性值,语法为rgba(r,g,b,a) r为红色值, 正整数 | 百分数 阅读全文
posted @ 2018-05-16 14:27 LeonWuV 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" 1. 前言 flex弹性盒,是一种布局方式,当页面需要适应不同的屏幕大小以及设备类型时,它依然能确保元素 拥有更恰当的排布行为,弹性盒属于 CSS 3 部分,IE9 以下不支持,现代浏览器指的就是 IE9 及以上的浏览器 阅读全文
posted @ 2018-05-16 14:23 LeonWuV 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 我的个人博客: "http://www.xiaolongwu.cn" 接上篇文章 "js编码的实用技巧(一)" 5、合理利用||运算符 使用||可以作为参数之外的默认值,当第一个参数返回值为false时,那么第二个值就为默认值。 一般在面向对象思想中这么使用。 6、三木运算符 看看下面的例子,我相信 阅读全文
posted @ 2018-05-16 13:44 LeonWuV 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 我的个人博客: "http://www.xiaolongwu.cn" 在平时的开发中,编码技巧很重要,会让你少写很多代码,起到事倍功半的效果。 下面总结几种简单的技巧,大家共同学习一下 1、 利用+、 、/1, 1将字符串转换为整数型 这个方法试用于将字符串类型的数字转换为整数型,如果带字母就会返回 阅读全文
posted @ 2018-05-16 13:37 LeonWuV 阅读(302) 评论(0) 推荐(1) 编辑
摘要: 欢迎访问我的个人博客: "http://www.xiaolongwu.cn" Array.prototype.slice.call(arguments)的作用为:强制转化arguments为数组格式,一般出现在框架活插件的源码中 如何理解 上面的代码等价于[ ].slice.call(argumen 阅读全文
posted @ 2018-05-16 11:40 LeonWuV 阅读(291) 评论(0) 推荐(0) 编辑