Silentash-默尘

最近这两天忙着开发商城的购买条件和限时抢购功能，一直没有时间更新自己的博客，不过老实说也不知道该在博客里写点什么，今天闲下来顺便就把我这两天开发的功能之一与大家分享一下。

时间队列选择：
交互的方式是受 Google Analytics 的启发而设计的：

不过他们用的是 flash 实现的，所以效果更好，功能更强大！
时间选择功能演示地址：http://www.silentash.com/uploads/work/timeSelect/purchase_limit.html

优势：
1.以1小时为一个时间单位
2.数据结构简单，通过页面传入数据对象即可
3.可显示已被占用的时间段和占用时间的商品或其他事件，用户只需移动鼠标到上面就能获知哪些商品占用了这段时间。
4.可回显操作目标已选择的时间段，便于二次修改
5.可跨月份进行选择
6.表现、结构、行为很好地做了分离，通过修改样式可以创建多种效果，并且可以运用到任何地方
7.后台没有传送数据的时候，可以当做一个简单的时间控件使用~~~~

不足：
1.代码比较多，在IE下运行较慢，可考虑运用浏览器缓存。
2.面向过程

总共花了一天的时间写 JS ,又花了一天时间优化，优化的时候基本上重写了整段代码，性能提升了不少，不过在 IE 下还是感觉很慢，看来还得改变思路继续优化。这次 JS 里面封装了不少时间函数，有些是没有用到的，这么做是想提升代码的共用性，可以把前段时间写的时间选择控件整合到一起。希望有时间去做吧。

最近强烈的感觉到 JS 的面向对象设计很难做好，其实我之前是想把这个时间段选择的功能按对象设计的，写着写着又面向过程了！不知道高人能不能给个指点。