需求 页面初始化时,时间轴只显示三段:前天,昨天,今天 当用户输入起止时间时,按照天划分。 当时间轴绘制完毕后,用户点击每一天,请求一次后端服务器 后端服务器按照500个点切分,同时返回切分数及点数。 此时前端每天的划分根据切分数,纵向变化,前端默认将每天处于第一个划分的点,显示在地图上。 之后每次点击划分,均直接显示。   坑: 时间差的计算问题,我一开始会觉得这是很复杂的问题,后来发现只需要利用new Date即可解决。。 [crayon-50361f9faa8e9/] 坑:行内块级元素不换行出现滚动条 这个其实就是时间轴是左右可拖动的,所以要求一大排display:inline-block的元素不能换行。 css如下即可。(container为容器) [crayon-50361f9faaccd/] 坑:DocumentFragment木有innerHTML。。。我囧 最终只能先清空之前的innerHTML再append进去了。。 坑:事件问题 因为要大量的运用事件委托,所以配合之前写的小东西写了个事件委托的封装。。 当然根据本人的经验肯定会碰到大量坑了。。 首先 词法作用域跟Target关系 [crayon-50361f9fab0b8/] 结果会报target未找到,词法作用域问题,写在上面了。。方法其实好说, 就是在fn()传入一个事件对象,之后在定义a()时将target传进去。 第二个问题  可以看到我的delegate函数的第三个参数是匿名函数,addeventlistener会重复绑定。而匿名函数怎样取消绑定呢? 不能取消- -因此要给匿名函数创造引用。因为时间仓促要去青海湖了。。。也没仔细思考怎样设计比较好。。 我写了个很丑的解决方案,之后会优化一下。先把完整的东东发下,以后参考。 [crayon-50361f9fab4a0/]    当你从RSS阅览器里看到这篇文章时,还没有评论,还不赶紧过来抢沙发?