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引用造成影响,改变数组对象可以。