分享程序员开发的那些事...
更新时间：2022-02-11 08:57:55
因为工作上的一些缘故，这个私人的小东西需要暂停开发，要等到明年再继续开动了。
这段时间我进行了一些小部分的更新，下面稍微记录下。
一、每个图标从原先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，如需转载请自行联系原作者