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:50 3705 6 22

阅读详情

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:13 676 8 16

阅读详情

一个简单的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:58 1354 6 18

阅读详情

字符串与数组的一个小练习

DEMO展示

2016-05-19 17:01:12 1972 3 9

阅读详情

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:27 1760 2 8

阅读详情

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:17 1778 3 26

阅读详情

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:44 1195 0 18

阅读详情

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:49 1398 2 9

阅读详情