美文网首页前端社团
双人扑克-技术文档(1)10.30-11.4.md

双人扑克-技术文档(1)10.30-11.4.md

作者: ccminn | 来源:发表于2016-11-18 23:25 被阅读4次

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

相关文章

网友评论

    本文标题:双人扑克-技术文档(1)10.30-11.4.md

    本文链接:https://www.haomeiwen.com/subject/wdmspttx.html