`
banxi1988
  • 浏览: 154228 次
  • 性别: Icon_minigender_1
  • 来自: 桂林
社区版块
存档分类
最新评论

铁道部官网时间显示六大缺陷!及我的小重构!

阅读更多
引子:看新闻看到铁道部官网可以在线订票了。作为一个It领域的学生。
我想先去注册下。没想到。
看到了后面恶心的代码,如下:

<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" scrolldelay="100" width="260">
                  <font style="font-size: 14px;" color="blue">全路旅客列车互联网售票系统调试正在进行中,给您带来不便,请谅解。</font>
                </marquee>




尼马阿,刚发新闻就有调试啊?不会测试好了在发啊?国家级别的网站啊!有木有阿?
尼马啊!!!还用一个恶心的marquee来做啊!还挤在中间阿!有木有啊!!!!

作为一个好学生,我准备给他们提意见。
然后就想。应该全面指出他们那些地方不对。应该怎么改。既提问题,也提供解决方案!

先是一个用js显示时间的的js。html代码如下:
          <td><div align="center">
	  <script language="JavaScript" src="./images/date.js" type="text/javascript" class="time"></script></div></td>


date.js文件内容如下:
<!--
var nd, mo, y, da;
nd=new Date();
mo=nd.getMonth()+1;
y=nd.getYear();
if(y<80)y+=2000;
if(y>=80&y<=138)y+=1900;
da=nd.getDay();
document.write("<font LANG='ZH-CN' color=#FFFF99>"+y+"年"+mo+"月"+nd.getDate()+"日 "+"</font> ");

//time
document.write("<span id='Clock' style='font-size:12px; color=#FFFF999'></span>");

var wee;
wee=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
document.write("<font color=#FFFF99>"+wee[da]+"</font> ");

//time
document.write("<span id='Clock' style='font-size:12px; color=#FFFF99'></span>");

//-->


批评一:
尼马浪费宽带啊!
显示一个时间,从后台传过来只要十多个字节就可以了。你传一个文件过来。
传输量大了好几时倍啊!
而且增加了一次http请求。尼马浪费啊!增加了浏览器的解析量啊!。严重鄙视!


批评二:无用代码重复。
那个span标签写了两次。但是没有用啊!

批评三:落后。
居然写个span不用然后用<font>尼马啊!算什么意思麻!


批评四:用C的习惯来写js代码啊!
先申明变量。然后。。。,有必要吗?

批评五:命名太小气啊。
该省的地方不省。不该省的地方,装小气。你妹什么意思吗?

批评六:居然不压缩。
这个能节约很多宽带啊!
最重要的是,不会有我这篇骂你们的文章了。

下面在使用js的基础上我对上面的js进行重构。如下:
<!--
var now = new Date(),
	year = now.getFullYear(),
	month = now.getMonth()+1,
	day = now.getDate(),
	dayOfWeek = now.getDay();
var dates=['日','一','二','三','四','五','六'];
document.write("<span style='color:#ff9'>"+year+"年"+month+"月"+day+"日"+" 星期"+dates[dayOfWeek]);

//-->

后面在去除出now之外的本体变量!
==========================================
先回去睡觉了。
求各位有经验的fronter指点!



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics