1、HTML<canvas> 标签定义图形,如图表和其他图像
只是图像容器,必须使用脚本来绘制图形
1) Canvas.getContext(contextID)
参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 "2d",它指定了二维绘图,并且导致这个方法返回一个环境对象,该对象导出一个二维绘图 API。
getContext() 方法返回一个用于在画布上绘图的环境。
2)canvas clearRect() 方法在给定矩形内清空一个矩形:
context.clearRect(0, 0, canvasWidth, canvasHeight);
3)context.drawImage()方法在画布上绘制图像、画布或视频,也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸
context.drawImage(imgObj, left, top, width, height);
2、清空数组
ary.splice(0,ary.length); // 1
ary = []; // 2
ary.length = 0; // 3 不建议:js可以,java不行
3、Js:unshift()
向数组的开头添加一个或更多元素,并返回新的长度
4、arrayObject.pop()方法
用于删除并返回数组的最后一个元素
5、$('#log').textContent = Array.join('\n');方法
用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。
6、判断全局对象中是否包含WebSocket对象
// <body onload="attachListeners()">...</body>
// function attachListeners()
// 等价于下面一进入页面就加载$(document).ready(function()
$(document).ready(function() {
if( typeof(WebSocket) != "function" ) {
$('body').html("<h1>Error</h1><p>Your browser does not support HTML5 Web Sockets. Try Google Chrome instead.</p>");
}
})
但是这种方法存在局限性。
在 Android 中,即使浏览器不支持 WebSocket ,但是它还是存在这个属性。
所以比较严谨的方式是:
if (typeof WebSocket != 'undefined') {
/*supported*/
}
//or
if (!!window.WebSocket && window.WebSocket.prototype.send) {
/*supported*/
}
7、querySelectorAll()
返回所有匹配的元素
dowument.querySelector("id或者class"):返回指定css选择器元素的第一个子元素
.innerHTML为该元素的值
var x = document.getElementById("myDIV");
x.querySelector("#demo").innerHTML = "Hello World!";