js
关注
分享
扫一扫
Gkuankuan
爱好前端开发，探索前端！
展开
-
数组常用方法汇总
Array.length返回或设置一个数组中的元素个数设置 length 属性的值来截断任何数组Array.from() :对伪数组或可迭代对象(包括arguments Array,Map,Set,String…)转换成数组对象语法 Array.from(arrayLike, mapFn, thisArg)arrayLike 想要转换成数组的伪数组对象或可迭代对象。mapFn (可选参数原创 2017-11-07 17:21:14 · 39234 阅读 · 6 评论 -
js 通过blob实现下载文件
知识点：Blob，window.URL.createObjectURL<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&l原创 2018-04-12 15:00:43 · 27675 阅读 · 0 评论 -
js实现复制文本
1、通过clipboard.js，这里就不详细讲述。详情看这里点击打开链接2、原生方法：document.execCommand()；贴个demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti原创 2018-03-07 09:34:29 · 640 阅读 · 0 评论 -
this 六种不同值
普通函数调用，this为全局对象或是undefined作为对象的方法，this为那个对象new 表达式，this为以该函数为原型的新创建的对象使用 apply/call指定 this用bind绑定固定的this事件处理函数中的this是当前的触发事件的DOM元素(event.currentTarget)原创 2018-02-07 16:34:05 · 221 阅读 · 0 评论 -
requestAnimationFrame
window.requestAnimationFrame()方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。例: requestAnimationFrame * { margin: 0;原创 2018-02-05 11:57:21 · 617 阅读 · 0 评论 -
iframe及postMessage使用解析
这篇主要讲iframe标签，对于frameset、frame、noframe标签就不讲了，因为在h5中已经不支持了。一、iframe标签介绍： 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。二、iframe标签兼容：iframe src="page_two.html" name="iframe"转载 2018-01-17 10:35:24 · 7963 阅读 · 1 评论 -
获取光标位置
let oTextarea = document.querySelector("textarea"); oTextarea.addEventListener("mousedown",function() { _this.start = oTextarea.selectionStart;原创 2018-01-05 14:15:21 · 931 阅读 · 0 评论 -
scrollIntoView
让当前的元素滚动到浏览器窗口的可视区域内element.scrollIntoView(Boolean); Boolean = true 滚动到element的顶部Boolean=false 滚动到element的底部原创 2018-01-22 11:14:34 · 563 阅读 · 0 评论 -
Object方法
Object.assign({},obj) 用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象Object.keys(obj) 返回一个由一个给定对象的自身可枚举属性组成的数组Object.create(animal.prototype) 方法会使用指定的原型对象及其属性去创建一个新的对象。Object.defineProperty(obj,prop,des原创 2017-11-22 10:36:08 · 290 阅读 · 0 评论 -
offset、client、scroll：width、height、left、top
offsetWidth 返回一个元素的布局宽度。offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽度(width)的值。clientWidth 表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。scrollWidth 元素的s原创 2017-11-20 17:02:37 · 242 阅读 · 0 评论 -
ajax载入与浏览器历史的前进与后退
ajax载入与浏览器历史的前进与后退使用到的知识点：popstatehistory.pushStatehistory.replaceStateAjax可以实现页面的无刷新操作——优点；但是，也会造成另外的问题，无法前进与后退!（前进后退无法重现上一次操作）； 通过以下代码保存每次请求的参数即可实现浏览器后退操作；<script> var num = 0; var str原创 2017-11-04 12:43:24 · 253 阅读 · 0 评论 -
正则
正则表达式对于我来说一直像黑暗魔法一样的存在。手机正则去网上搜，邮箱正则去网上搜，复杂点的看看文档拼凑一下，再复杂只能厚着脸皮让其他同事给写一个。从来没有系统的学习过，今天准备拿下它。1. 学习目标：了解正则表达式语法在IDE中使用正则表达式在javascript 中使用正则表达式处理字符串2. 什么是正则表达式正则表达式，又称正规表示式、正规表示法、正规表达式、规则表达式转载 2017-11-04 13:03:44 · 415 阅读 · 0 评论 -
如何优雅的取随机字符串
13位Math.random.toString(16).substring(2);11位Math.random.toString(36).substring(2);转载 2018-06-04 10:27:14 · 1198 阅读 · 0 评论