雙人撲克-技術文檔(1)10.30-11.4.md

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
        }
    }
);

數組刪除元素擴展

http://ldbjakyo.iteye.com/blog/1705755

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容