随笔分类 - JavaScript
JavaScript工作学习记录
摘要：用window.location.href获取url再js正则来获得需要的参数； 这个正则有多种写法,这里我选择这样写,要查找的属性名我直接以参数的形式传进去,用正则查找,以"?&#"这三个其中一个符号开头+属性名变量+等号和后面要查找除了"?&#"这三个符号的字符.正则写完之后我选择用exec这个
阅读全文
摘要：如果只是单纯的获取页面上复制的内容可以使用window.getSelection()来获取选中的内容，在执行复制操作就可以了，但是如果想修改复制的内容可以先获取要复制的内容修改之后再用document.execCommand("copy") 事件（document.execCommand方法允许运行
阅读全文
摘要：实现思路： (1)创建一个列表和一个span之类的标签（那个标签都可以）， (2)列表的每一项分别绑定点击事件，点击那一项就把span内容变为改那一项内容，然后隐藏列表。 (3)列表要先隐藏，点击span标签再让它显示，什么都不选时点击document隐藏列表。 (4)键盘上的按键都有各自的键码，通
阅读全文
摘要：原理：键盘上的按键都有各自的键码，通过这个键码可以来判断按下的是哪个键，下面函数可以获取键盘的键码，按下键盘按键就会在控制台打印出相应的键码
阅读全文
摘要：js保留小数常用有三种方法，可根据实际情况选择 方法一：使用toFixed保留两位小数 自带四舍五入与补位 方法二：用Math.round四舍五入 方法三：自定义带补位 不四舍五入 一般用于金额格式化
阅读全文
摘要：原理：通过js的scrollTop，clientHeight，scrollHeight三个属性加上onscroll事件来实现。 scrollTop：它返回当前元素相对于其 offsetParent 元素的顶部的距离。（HTMLElement.offsetParent 是一个只读属性，返回一个指向最近
阅读全文
摘要：通过canvas的drawImage(image, dx, dy)方法来绘制图片，drawImage写法有三种可以参考MDN， MDN地址 https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawIm
阅读全文
摘要：用vue cli2.0创建项目 ：（步骤1和3会需要等待一段时间，输入没反应时不用着急请等10秒左右就会好了） 1. 创建vue cli npm install --global vue-cli 2. 创建一个基于webpack模板项目（Travel）项目名称 这里名字可以随便起 vue init
阅读全文
摘要：二种方式：下拉框里面选项有图片与没有图片 1.用下拉框写 下拉框的option没法添加图片如果下拉框里面不需要图片可以用这种方式。 2.用列表模拟下拉框 下拉框里面需要图片可以用这种方式。
阅读全文
摘要：原理：按下enter的事件属于键盘事件，我们可以先用下面函数来获取enter的键码（键盘上的按键都有各自的键码），通过这个键码可以来判断按下的是哪个键 通过上面函数我们知道enter的键码是 13，那么最后只需要判断一下，键盘按下时键码是13时就执行我们需要的内容，就可以实现我们要的效果了。 这个效
阅读全文
摘要：一: pop()方法 pop()方法，删除数组最后一个并返回该元素 利用这个方法可以取到数组的最后一个，同理shift()可以取到数组的第一个(shift()删除数组第一个并返回该元素) let arr=[1,2,3]; let lastElement = arr.pop() //删除数组最后一个并
阅读全文
摘要：作用 可以把方法借给其它对象使用，并且改变this的指向 a.apply(b,[3,2]);//this指向由a变为b, a的方法借给b使用 实例： function add(a,b){ console.log(this) return a+b; } function sub(a,b){ retur
阅读全文
摘要：添加: obj.classList.add("active"); 删除:obj.classList.remove("active");例子 <button class="btn1 btn2">点击</button> <script> var btn=document.querySelector(".
阅读全文
摘要：H5的video非常简单，方便，有时我们可能需要自己来设置样式来自定义的video，自定义的话我们需要对功能进行一些处理，这里常用的功能几乎是都用到了，第一次练习代码很累赘，之后会慢慢改进。 常用的一些 video API "视频播放":video.play(); "视频暂停播放":video.pa
阅读全文
摘要：H5 video全屏与取消全屏各浏览器兼容， requestFullscreen（）全屏方法，exitFullscreen()退出全屏方法。兼容各个浏览器与css3兼容一样加个前缀即可。
阅读全文
摘要：前端js图片上传,原理用input type="file"获取图片然后把图片转换成base64编码传到后台. 图片上传
阅读全文
摘要：document.body.scrollTop等属性可以获取页面滚动距离等，但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0， 所以一般为了兼容性都这样写 document.documentElement.scrollTop || documen
阅读全文
