jquery中的$("#id")与document.getElementById("id")的区别
alert($("#box"))得到的是[object Object]
alert(document.getElementByIdx_x("box"))得到的是[object HTMLDivElement]
alert($("#box")[0])或alert($("#box").get(0))得到的是[object HTMLDivElement]
因此document.getElementByIdx_x("box")等同于($("#box")[0]或($("#box").get(0)
在编写移动方块程序时,遇到的很大一个问题是,获取元素失败,尝试很久发现是因为js文件先于页面加载,因此无法获取页面元素。
解决方法:添加(document).ready(function(){})
洗牌算法:
按次序摆放54张牌,然后对每一张牌逐一随机交换。
洗牌存在的问题
把img转换成base64
思路是:
获得canvas对象
加载图片到canvas对象里面
从canvas对象中获取base64数据
function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, img.width, img.height);
var dataURL = canvas.toDataURL("image/png");
return dataURL
// return dataURL.replace("data:image/png;base64,", "");
}
function main() {
var img = document.createElement('img');
img.src = './images/yeoman.png';
img.onload =function() {
var data = getBase64Image(img);
console.log(data);
}
document.body.appendChild(img);
}
main()
获得juqery某一元素的html内容(包括自身标签)
https://zhidao.baidu.com/question/433582513.html
js中array的sort()方法
默认的sort方法并不是按照整形数据来排序,而是用的字符串匹配方式
而是根据sort()内的function决定,下面的例子按照从大到小排序。return 1对应条件就是排序原则。
[5,10,1].sort(function(x,y){
if(x>y) {
return 1;
}else{
return -1
}
}
);
数组删除元素扩展