js防抖和节流

js防抖和节流

防抖概念(Debounce)函数防抖(debounce)是指在一定时间内,在动作被连续频繁触发的情况下,动作只会被执行一次,也就是说当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间,所以短时间内的连续动作永远只会触发一次,比如说用手指一直按住一个弹簧,它将不会弹起直到你松手为止。节流概念(Throttle)函数节流是指一定时间内执行的操
浏览:1100 分类:JavaScript 标签: 防抖 节流 js
js生成唯一的id(标识符)

js生成唯一的id(标识符)

需求:js生成不重复标识符 id。方式一var uuid = formatDateTime() +Math.random().toString(36).substr(2);functionformatDateTime(){var date =newDate();var y = date.getFullYear();var m = date.getMonth() +1;
浏览:2426 分类:插件/功能 标签: id 标识符 js
js字符串按固定长度分割(substr)

js字符串按固定长度分割(substr)

今日有个小需求:实现银行卡号每个四位加一个空格。实现代码:// number:传入的字符串// grap:间隔的位数changeNumber(number,grap){    let arr = [];    let count =0;    for(let i=0,len=number.length/grap;i<len;i++) {        let s
浏览:2136 分类:插件/功能 标签: substr 字符串 js
js canvas实现将html页面或div生成图片

js canvas实现将html页面或div生成图片

参考文章:js实现截图并保存图片在本地(html转canvas、canvas转image)html2canvas.js和canvas2image.js的下载地址:    html2canvas.js: http://html2canvas.hertzen.com/dist/html2canvas.min.js    canvas2image.js: https://git
浏览:3602 分类:插件/功能 标签: canvas js
原生 js 实现点击按钮复制文本

原生 js 实现点击按钮复制文本

最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document.execCommand("copy")如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 
浏览:2165 分类:插件/功能 标签: 复制 js
JS日期格式化转换方法

JS日期格式化转换方法

将日期转换为指定的格式:比如转换成 年月日时分秒 这种格式:yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法,只是总结下。方式一:可以为Date原型添加如下的方法:Date.prototype.format =function(fmt){var o = {"M+" :this.getMonth()+1,//月份"d+" :this.get
浏览:1817 分类:插件/功能 标签: js 日期格式
vue-cli脚手架配置json-server

vue-cli脚手架配置json-server

1、安装 json-servernpm install json-server --save2、根目录下创建要模拟数据的文件 db.json{"getNewsList": [ {"id":1,"title":"新闻条目1新闻条目1新闻条目1新闻条目1","url":"http://starcraft.com" } ],"login": {"username
浏览:2446 分类:Vuejs 标签: json-server vue-cli
js数据类型

js数据类型

        js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。        typeof 操作符        由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字。var x =1;console.log(type
浏览:1694 分类:JavaScript 标签: 数据类型 js
javascript设计模式介绍

javascript设计模式介绍

        什么是设计模式        (1) 百度百科        设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。  使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢的;设计模式使代码编制真正工程化;设计模式是软件工程的基石脉络,如同大
浏览:1686 分类:JavaScript 标签: 设计模式 js
js中setTimeout(fn,0) 作用分析

js中setTimeout(fn,0) 作用分析

        例子1for(var i=0;i<10;i++){ setTimeout(function(){console.log(i); },0); }        上述代码中,setTimeout是定时器,但是其中0秒该如何理解呢?        首先当script脚本加载完成了之后,setTimeout才会执行注册的函数,每个for循
浏览:1693 分类:JavaScript 标签: setTimeout js
js数组去重/数组排序/计算数组相同元素个数方法

js数组去重/数组排序/计算数组相同元素个数方法

        1、数组去重        (1)利用indexOf()方法        indexOf() 方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1,不过 indexOf() 不支持IE8一下的浏览器。/** 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function
浏览:2232 分类:JavaScript 标签: 数组去重 js 数组排序
js中Object.defineProperty的作用

js中Object.defineProperty的作用

        对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式:var obj =newObject;//obj = {}obj.name ="张三";//添加描述obj.say =function(){};//添加行为        除了以上添加属性的方式,还可以使用Object.defineProperty
浏览:1578 分类:JavaScript 标签: defineProperty() js

邮箱快速注册

忘记密码