janing – 第 12 页 – 爱梦小屋

兼容各浏览器 js判断是否数组

来源：http://www.nowamagic.net/librarys/veda/detail/1250

重点：

Object.prototype.toString.call(arr)==='[object Array]'

Unknown storage engine ‘InnoDB’ InnoDB报错请切换MyISAM引擎

   在phpmyadmin中执行下列语句：
CREATE TABLE `message` (
  `id` tinyint(1) NOT NULL auto_increment,
  `user` varchar(25) NOT NULL,
  `title` varchar(50) NOT NULL,
  `content` tinytext NOT NULL,
  `lastdate` date NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=gbk AUTO_INCREMENT=1 ;

问题：phpmyadmin报错——Unknown storage engine 'InnoDB'

解决方法：解决方法：
             1.关闭MySQL数据库
　　      2.修改my.ini文件，把skip-innodb这行注释掉
　　      3.打开MySQL数据库
当然把innodb改成MyISAM也行

【js】二位数组排序sort

var arr = [[1, 2, 3], [7, 2, 3], [3, 2, 3]];
arr.sort(function(x, y){
  //return x[key].localeCompare(y[key]);//中文可以用这个
  return x[0] – y[0];
});

php判断设备是否手机

function is_mobile() {
  $user_agent = $_SERVER ['HTTP_USER_AGENT'];
  $mobile_browser = Array (
      "mqqbrowser", // 手机QQ浏览器
      "opera mobi", // 手机opera
      "juc",
      "iuc", // uc浏览器
      "fennec",
      "ios",
      "applewebKit/420",
      "applewebkit/525",
      "applewebkit/532",
      "ipad",
      "iphone",
      "ipaq",
      "ipod",
      "iemobile",
      "windows ce", // windows phone
      "240×320",
      "480×640",
      "acer",
      "android",
      "anywhereyougo.com",
      "asus",
      "audio",
      "blackberry",
      "blazer",
      "coolpad",
      "dopod",
      "etouch",
      "hitachi",
      "htc",
      "huawei",
      "jbrowser",
      "lenovo",
      "lg",
      "lg-",
      "lge-",
      "lge",
      "mobi",
      "moto",
      "nokia",
      "phone",
      "samsung",
      "sony",
      "symbian",
      "tablet",
      "tianyu",
      "wap",
      "xda",
      "xde",
      "zte"
  );
  $is_mobile = false;
  foreach ( $mobile_browser as $device ) {
    if (stristr ( $user_agent, $device )) {
      $is_mobile = true;
      break;
    }
  }
  return $is_mobile;
}

解决按钮点击蓝色边框 outline:none;

button{outline:none;}

css3长度单位根em（rem）恐惧em的连锁反应吗？这里从根部获取的em满足你的布局需求

css头部配置

html { font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/ } 
body { font-size: 1.4rem;/*1.4 × 10px = 14px */ }
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/ } 
p {  font-size:14px; font-size:1.4rem;}/*IE8及之前版本的IE浏览器使用14像素*/

canvas创建/图片和base64互转

部分参考自http://blog.csdn.net/renfufei/article/details/9855519

创建canvas

var canvas = document.createElement('canvas'); 
canvas.id     = "CursorLayer"; 
canvas.width  = 1224; 
canvas.height = 768; 
canvas.style.zIndex   = 8; 
canvas.style.position = "absolute"; 
canvas.style.border   = "1px solid";
document.body.appendChild(canvas);

图片转base64

// 把image 转换为 canvas对象  
function convertImageToCanvas(image) {  
    // 创建canvas DOM元素，并设置其宽高和图片一样   
    var canvas = document.createElement("canvas");  
    canvas.width = image.width;  
    canvas.height = image.height;  
    // 坐标(0,0) 表示从此处开始绘制，相当于偏移。  
    canvas.getContext("2d").drawImage(image, 0, 0);  
  
    return canvas;  
}

base64转图片

var fin = new Image();
    fin.src =  canvas.toDataURL("image/jpg");
document.body.appendChild(fin);

Cropit插件 html5截图插件代码看得懂（易改）

来源：http://www.jq22.com/jquery-info6549

改裁剪大小

  //210行 this.$preview = this.options.$preview.css('position', 'relative');
  //改为
  this.$preview = this.options.$preview.css({'position': 'relative',"height":"560px","width":"350px"});

FileReader使用

来源http://blog.csdn.net/yaoyuan_difang/article/details/38582697

手机拖拽事件 touchmove/touchend

cona.addEventListener("touchmove",function(event){
        event.preventDefault();//阻止其他事件
         // 如果这个元素的位置内只有一个手指的话
         if (event.targetTouches.length == 1) {
          var touch = event.targetTouches[0];  // 把元素放在手指所在的位置
          cona.style.left = touch.pageX + 'px';
          cona.style.top = touch.pageY + 'px';
          a.floatx=touch.pageX;
          a.floaty=touch.pageY;
          }
      });