javascript 问题

两个数组比较:a.sort().toString() == b.sort().toString()

for循环内有异步方法时,需要闭包

JSON.parse(data)出错时(提示、[nodejs中]),可能是json本身有问题,空对象中加了空格。

 

xhr, blob, base64

window.URL.createObjectURL(blob): blob是 file和blob对象; 创建一个新的对象URL,该对象URL可以代表某一个指定的File对象或Blob对象.

用法:本地图片预览:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'test.jpg', true);

xhr.responseType = 'blob';

xhr.onload = function(e){
	if(this.status == 200){			
		var blob = this.response;
		console.log(window.URL.createObjectURL(blob));			
	}
}

xhr.send(null);

注意:1、要见server;2、responseType='blob'; this.responseText:只有为''或'text'时才能看到;3、Blob {type: "image/jpeg", size: 76797, slice: function}

 

下载图片的另一种方式:

var xhr = new XMLHttpRequest();
	
xhr.open('GET', 'test.jpg', true);

xhr.responseType = 'arraybuffer';

xhr.onload = function(e){
	if(this.status == 200){
		var uInt8Array = new Uint8Array(this.response);
		var i = uInt8Array.length;
		var binaryString = new Array(i);
		while(i--){
			binaryString[i] = String.fromCharCode(uInt8Array[i]);
		}
		var data = binaryString.join('');
		var base64 = window.btoa(data);
		console.log('data:image/png;base64,'+base64);			
	}
}

xhr.send(null);
var uInt8Array = new Uint8Array(this.response);    this.response是ArrayBuffer,在它基础上建了一个视图
binaryString[i] = String.fromCharCode(uInt8Array[i]);  uInt8Array[i]:是unicode值(0-255),fromCharCode把unicode值转为字符串(Ù)。
var base64 = window.btoa(data);  把字符串编码为base64,解码时atob()
'data:image/png;base64,'+base64    可以访问图片。Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一


curl是利用URL语法在命令行方式下工作的开源文件传输工具:curl -v -r 100-200 http://localhost:3000/test.jpg > /dev/null:  检测server是否允许range request。express是支持的。
html状态码206:部分内容,区间请求range request。

print():一种方法,会真正的打印。

jsshell:可以编写js代码

 

屏幕右键:不知道jquery的方法怎么做,用原生的js也可以实现

document.getElementById('update').oncontextmenu=function(e){            
	return false;        
}

屏蔽中键:用jquery的方法,其实原生的也行

$('#l_r').on('mousedown', function(e){
      e.preventDefault();       
    }); 

 

'面试'..replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2;")})  中文转utf-8

unescape('面试'.replace(/&#x/g,'%u').replace(/\\u/g,'%u').replace(/;/g,''));  utf-8转中文  

 

取对象的属性值,如果属性是参数,不能通过.,而要通过[]

var obj = {
   'name': 'sfp',
   'age': 27 
}

for(var key in obj){
   // 这样取不到
   console.log(obj.key);
   // 这样才可以
   console.log(obj[key]);
}

 

把数组字符串转为数组:JSON.parse();

把数组转为数组字符串:JSON.stringify();

 

如果浏览器禁用了js,标签本身的onclick事件也执行不了。

 

click触发点击事件;onclick添加点击的事件处理程序;

 

window.location.href='http://www.baidu.com'; 在当前页面打开

window.open('http://www.baidu.com'); 在新标签页打开

 

检测浏览器是否为移动端的:

 

function isMobile() {
return navigator.userAgent.toLowerCase().indexOf("mobile")>=0;
}

检测浏览器的客户端机器类型

http://my.oschina.net/docin/blog/200663

 

在js中用console调试是个不错的方式,但是在IE8中却有不支持的现象,会导致你的js出错,所以在开发的时候使用console在firefox中调试可以, 
但是,调试完成之后一定记得删除,要不会在IE8中有影响。

 

闭包学习时,会找<li>的内容,使用事件代理。受这个影响,删除li时,也会用事件代理(父元素)。其实可以给元素加class,给class加事件。

给元素加click事件,如果元素是之后通过.html()方法加载的,则click事件无效

给元素加click事件,删掉该元素,增加该元素,click之后没有反应了。

 

双击的时候也会触发单击事件

 

keydown事件添加时:最好加载document,如果加在元素上就会有问题。如果元素是通过js添加的,那就没有keydown的事件了。

 

KsmM.findByIdAndUpdate:使用Model

var update_klm = {
		score : score,
		comment : req.body.comment,
		ksmname : req.body.ksmname
	};
	var options_klm = {};

	KsmM.findByIdAndUpdate(req.body.ksmid, update_klm, options_klm, function(err){
		if(err){
	        console.log('updateKLM save:'+err);
	    }else{
	    	console.log('find _id');
			console.log('score:'+result.score);
	    } 
		
	})// 

 

上一页

方法一:window.location.href = document.referrer; 很容易陷入死循环中

方法二: js返回上一页的实现方法 http://blog.csdn.net/tony8829/article/details/6450101

onClick="javascript :history.back(-1);"
window.history.go(-1);

  

 

ajax,nodejs后台都正常,但是没有调用ajax的success的函数,。

解决办法:使用complete,输出textStatus,原来是预定返回json,但是删除之后不需要传json,只需要传字符串说明就好,所以dataType改为text。 

 

在html中添加onclick 这样也是可以的

<p onclick="javascript:test()">

 

script标签 type='text/html' 用法 很有趣,已记录。

 

对象数组排序 

_.sortBy(_item, function(item){
    return _item.key;
});

 

很奇特的问题:如果一个函数内部不使用某个变量,则debugger时,找不到那个变量。

$(function($){

          $('#delete').on('click', function(e){

            var id = '123';

            layer.confirm('确定删除吗?', {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.ajax({
                    type: 'post',
                    url: '/test', // 可以获取到id
                    dataType: 'json',
                })
                .done(function(data){
                    if(data.code === 1){
                        // debugger // 获取不到id
                        // console.log(id);  // 如果添加这句,则可以获取到id
                        layer.msg('删除成功', {icon: 1});
                    }else{
                        layer.msg('删除失败', {icon: 1});
                    }
                })
                .fail(function(err){
                    layer.msg('删除失败', {icon: 1});
                })
            })

          })

      });

  

问题 javascript 数组

var a = [1,2,3];
var b = a;
a = [4,5,6];
alert(b); //[1,2,3]

var a = [1,2,3];
var b = a;
a.pop();
alert(b); //[1,2]

a = [4,5,6];//改变的是a引用本身,没有改变数组对象 a.pop();//改变的是数组对象,a引用没有改变。 b = a;//该操作后,b直接指向数组对象,不是b指向a,a再指向数组。 //所以改变a引用并不会对b引用造成影响,改变数组对象可以。

 

posted on 2015-01-28 21:43  j.w  阅读(469)  评论(0编辑  收藏  举报