• 当前标签:JavaScript

canvas实现移动端手写签名功能

这是在一次项目需要用到手写签名的功能,具体代码: <canvas>您当前浏览器不支持canvas,建议更换浏览器!</canvas> <button>导出png</button> <button>清空画布</button> var canvas = document.querySelector('canvas'), oBtn = document.querySelectorAll('button'), ctx = canvas.getContext('2d'); var _x = 0, _y = 0, x = 0, y =

2018-03-12 13:23:501082419
阅读详情

JavaScript里面的事件委托

事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。更多资料传送门>> <ul> <li class="add">添加</li> <li class="remove">删除</li> </ul> 最常见的一个功能就是有许多个元素,然后用循环去给每个元素绑定一个事件,如果元素多了,用循环就不是很友好,循环dom元素的方法: let aLi = document.querySelectorAll('li'); for (let i = 0, length = aLi.length; i

2018-03-12 12:52:13312413
阅读详情

一个简单的js倒计时功能

对倒计时功能做了一个小小封装,传入一个结束时间即可,返回返回结果,如果结束时间大于当前时间,就开始倒计时,反则用于结束定时器 时间换算关系,利于方便,这里将毫秒先转换成秒在进行时间换算,定义变量t等于秒,t = Math.floor( (endTime - nowTime) / 1000 ) 秒换天: Math.floor( t/86400 ) 秒换时: Math.floor( t%86400/3600 ) 秒换分: Math.floor( t%86400%3600/60 ) 秒: t%60 var oBox = document.querySelector('.box'); var endT

2018-01-03 13:12:58921616
阅读详情

JavaScript 简单生成随机颜色

十六进制表示方法 function color(){ var colors = [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f' ]; var c = ''; for(var i=0; i

2016-05-18 13:14:27149028
阅读详情

JavaScript Array

数组的操作 var arr = [ 1,2,77,8,4,5 ]; 添加、删除 arr.length = 0; //清空数组的方法,让length等于0; arr = []; //从新赋值一个空数组,清空 arr.unshift( 0 ); //向数组的第一位添加内容 arr.push( n ); //向数组最后一位添加内容 arr.shift();// 删除数组的第一位,返回被删除值 arr.pop(); //删除数组的最后一位,返回被删除值 arr.splice( 1 , 2 );// 删除类 ,从第一个起删除2个 arr.splice( 0 , 0 , ‘xuanmo’ );//添加,从

2016-05-18 00:40:171503325
阅读详情

JavaScript Json

Json的写法: //第一种属性名不加引号 var json = { name : 'xuanmo', age : '21', fn : function(){alert(22)} } //第二种属性名加引号 var json1 = { 'name' : 'xuanmo', 'age' : '21', 'fn' : function(){alert(22)} } //执行方法 json.name Json的遍历: for( var key in json1 ){ console.log( key )//输出json1里面的所有属性 console.log( json1[key] )//输出js

2016-05-16 22:41:44967017
阅读详情

JavaScript String

字符串的相关操作: var str = 'xuanmo blog'; 查找   str.charAt(n);查找字符串下标对应的字符   str.charCodeAt(n);查找字符串对应下标的ASCII码   String.fromCharCode(n);写入ASCII码序号,返回对应的字符   str.indexOf( 'o' );查找某个字符的下标,从左至右,遇到相同字符默认查找首次出现的字符,找不到返回-1,   str.indexOf( 'o' , n );可以写入数值,定义从多少开始

2016-05-15 20:49:49118128
阅读详情
  • 1
  • 2
  • 3
前往