阿里云地图:
AliMap:http://ditu.aliyun.com/jsdoc/map/classes/AliMap.html
作用:地图类,是Map API之中最重要的类,用来在页面上创建一个地图
AliMapTileLayer:http://ditu.aliyun.com/jsdoc/map/classes/AliMapTileLayer.html
作用:分块层的实现对象,每个分块层由一个分块定义类和一个分块呈现类所定义
AliMapOverlayTileRender:http://ditu.aliyun.com/jsdoc/map/classes/AliMapOverlayTileRender.html
作用:分块图片的呈现对象
第一版(上周四):实现业务方需求,增加点击店铺标记,获取其1.5公里内备货情况的功能
第二版(周二):修改矩形框大小
第三版(周四):修改地图分块层的加载方式,采用KISSY库类,优势:异步可控,能对出错的情况进行精确控制,
现阶段存在的问题:
1.地图放大缩小,矩形框面积不变;
2.矩形框ID加入数据,每次移动就清空数组
3.控制每次发起的异步调用请求数,建一个数组每次循环4个,成功以后,再循环后4个
关于闭包:
作用:保证内部的代码处于私有状态
看一个例子
Java:
for(int i = 0; i < 1; i++){
data[i] = i;
}
JavaScript
// 这个代码是错误的,因为变量i从来就没背locked住
// 相反,当循环执行以后,我们在点击的时候i才获得数值
// 因为这个时候i操真正获得值
// 所以说无论点击那个连接,最终显示的都是I am link #10(如果有10个a元素的话)
var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) {
elems[i].addEventListener('click', function (e) {
e.preventDefault();
alert('I am link #' + i);
}, 'false');
}
// 这个是可以用的,因为他在自执行函数表达式闭包内部
// i的值作为locked的索引存在,在循环执行结束以后,尽管最后i的值变成了a元素总数(例如10)
// 但闭包内部的lockedInIndex值是没有改变,因为他已经执行完毕了
// 所以当点击连接的时候,结果是正确的
var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) {
(function (lockedInIndex) {
elems[i].addEventListener('click', function (e) {
e.preventDefault();
alert('I am link #' + lockedInIndex);
}, 'false');
})(i);
}
// 你也可以像下面这样应用,在处理函数那里使用自执行函数表达式
// 而不是在addEventListener外部
// 但是相对来说,上面的代码更具可读性
var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) {
elems[i].addEventListener('click', (function (lockedInIndex) {
return function (e) {
e.preventDefault();
alert('I am link #' + lockedInIndex);
};
})(i), 'false');
}
需要调用一个JS函数:
//定义:
function a(){
console.log("a");
}
//调用
a();
这样去使用函数a,为什么不能function a(){}();这样使用呢?
执行上下文栈(http://www.cnblogs.com/TomXu/archive/2012/01/12/2308594.html)