因为工作上的一些缘故，这个私人的小东西需要暂停开发，要等到明年再继续开动了。
这段时间我进行了一些小部分的更新，下面稍微记录下。
一、每个图标从原先js数组统一换成json数组
数据格式如下：
{
"data"
:[
{
"id"
:0,
"iconName"
:
"小睿的博客"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"http://www.cnblogs.com/hooray"
,
"width"
:1000,
"height"
:500},
{
"id"
:1,
"iconName"
:
"博客园"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"http://www.cnblogs.com"
,
"width"
:1000,
"height"
:500},
{
"id"
:2,
"iconName"
:
"商企通"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"http://www.caiyufu.com"
,
"width"
:800,
"height"
:500},
{
"id"
:3,
"iconName"
:
"百度"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"http://www.baidu.com"
,
"width"
:800,
"height"
:500},
{
"id"
:4,
"iconName"
:
"谷歌"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"http://www.google.com.hk"
,
"width"
:800,
"height"
:500},
{
"id"
:5,
"iconName"
:
"提示框"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"index2.html"
,
"width"
:500,
"height"
:300},
{
"id"
:6,
"iconName"
:
"自定义窗口"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"index3.html"
,
"width"
:500,
"height"
:300},
{
"id"
:7,
"iconName"
:
"BUG反馈"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"http://www.cnblogs.com/hooray/archive/2011/10/07/2200322.html"
,
"width"
:1000,
"height"
:500},
{
"id"
:8,
"iconName"
:
"测试土豆"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"index4.html"
,
"width"
:500,
"height"
:400},
{
"id"
:9,
"iconName"
:
"测试优酷"
,
"iconUrl"
:
"img/shortcut/news.png"
,
"url"
:
"index5.html"
,
"width"
:500,
"height"
:400}
]}
|
在加载页面的时候也改了，通过jquery的$.getJSON来获取：
//获取json数组并循环输出每个图标
$.getJSON(
"js/shortcut.js"
,
function
(sc){
...
});
|
好处就是，可以把数据存放到后端数据库里，实现动态添加删除图标，调用的时候只需后端程序按格式输出json数组到前台就行。
二、增加loading条
这个就不用多说了，增加用户体验，在网速比较卡的时候，让用户知道页面正在加载，而不是一片空白。
三、iframe加载完后再绑定拖动事件
测试发现如果iframe里页面未加载完的时候就拖动窗口，会造成延迟（卡）的现象，所以做了这一修改。
//iframe加载完毕后
$(
'#'
+window_frame).bind(
'load'
,
function
(){
//绑定窗口移动事件
Core.bindWindowMove($(
'#'
+window_warp));
if
(options.resize){
//绑定窗口缩放事件
Core.bindWindowResize($(
'#'
+window_warp));
}
//隐藏背景遮罩层
_cache.MoveLayOut.hide();
//隐藏loading
$(
'#'
+window_inner+
' .window-frame'
).children(
'div'
).eq(1).fadeOut();
});
|
还有一些细碎的、错误的更新，就不记录了，大的变动更新修改就以上三点，希望能给大家带来点启示。
BTW，因为之后要有一段时间不会碰这个作品，所以就先开源吧，因为前端部分要处理的已经差不多了，明显的BUG应该没有了，如果要修改，也是对细节的修改。
本文转自胡尐睿丶博客园博客，原文链接：http://www.cnblogs.com/hooray/archive/2011/10/23/2221541.html，如需转载请自行联系原作者
