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
}
}
);
數組刪除元素擴展