双人扑克-技术文档(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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容