加载进度条

[html]
<style type="text/css">
body{
padding: 20px;
font-size: 14px;
}
#progressbar{
width: 278px;
}
#progressbar .border{
border: 1px solid #777;
width: 276px;
height: 13px;
padding: 1px;
}
#progressbar .bar{
background-color: #73c944;
width: 50%;
height: 13px;
overflow: hidden;
}
#progressbar .desc{
text-align: center;
font-size: 12px;
line-height: 24px;
}
</style>
<div id="progressbar">
<div class="border">
<div class="bar">&#160;</div>
</div>
<div class="desc">
正在加载…
</div>
</div>

<p>loading 将在 10s 后结束。</p>

<script type="text/javascript">
<!–
var loading = function(){
var ct = document.getElementById("progressbar"),
desc = ct.getElementsByTagName("div"),
idx = 0, time = 500, bar = desc[1], desc = desc[2];
bar.setValue = function(n){
this.style.width = n + "%"; };
void function(){
bar.setValue(idx += (100 – idx) * .2);
timer = setTimeout(arguments.callee, time += 100);
}();
return {
remove: function(){
clearTimeout(timer);
desc.innerHTML = "加载完成";
bar.setValue(100);
setTimeout(function(){
ct.parentNode.removeChild(ct);
}, 500);
}
};
}();

setTimeout(loading.remove, 10000);
//–>
</script>
[/html]

如何高效开发一个完整的网站

一个完整的网站包括两部分:1.业务逻辑2.界面,专业点的讲即M+V+C , M是model即模型存放网站业务逻辑,V是view 即视图,也是网站界面,C是control顾名思义联系model和view,控制显示。但是很多人在开发网站时M和C分的不是很清,我本人也经常犯这种错误,那么这样做有什么坏处呢,后面讲。

本文主要讲如何高效的开发一个完整的网站。先将业务逻辑的编写,首先,你要确定网站的需求,需要有哪些功能,考虑哪些功能需要在不同的场景多次使用(这样的场景毫无疑问要放在M中,为了维护方便保持、保持一致性),然后设计数据库,但是这时候设计只是简要的设计,不必苦思冥想,因为在你真正开始做的时候,就会发现,以前的设计会有缺陷,然后就一边改一边做。设计好数据库结构时开始写代码了,首先你要先写后台那部分,后台的每个功都可以概括如下:数据的增、删、改、查,因此如果针对每个数据表写SQL语句会很痛苦,所以要借助开发框架,国内比较出色的是Thinphp,我看了开发文档,不是多好,推荐国外的zendframework 和YII,这两个是世界上最有名的两个,功能极其强大,唯一的不足是,要阅读英文文档去学习,中文的大多是过时的。好了,借助框架,增删改查数据可以简化到极致,开发极其方便。后台写完了,就开始写前台了,前台主要是呈现数据传递信息,最好做到简单,并快速传递访客想获得数据,因此,前台的设计要好好考虑,当然前台的数据一般只设计查和增两个功能,查询是常见的,增主要是加些评论神马的。

后台写完了,你会发现虽然功能实现了,但是有点丑陋。所以,也是没法交付使用的,那我们开始写界面代码。以前我认为写界面靠ps,而后做了几个项目后,我发现我PS一点都不会,也可以设计的很好,这也主要借助了框架,我用的是外国的twitter工程师开发的bootstrap框架,有点遗憾的是它不支持IE,在IE下显示效果极差,幸运的是他们提供了一个解决在IE下显示不好的解决方案,详情见https://github.com/empowering-communities/Bootstrap-IE6 英文的,不过很简单,一读就明白了。到此,一个网站开发完了。

至于效率,我用数据说话,我这学期做了四个项目。第一个项目完全不用框架写了二十天,第四个项目全靠框架,功能差不多(比第一个简单点),只用了三天。但是第四个效果、性能、加载速度要远优于第一个。

抓取最近八天天气(非利用接口,直接从网站提取)

[php]
<?php
/*
*特别注意,第一天没有最高气温数据,第八天没有最低气温数据
*注意对数字进行过滤时不要忘记对负号进行判断
*对风力过滤时要考虑到3-5级这种格式
*/
class weatherfetch{
private f; function getNum(string) {
tmpstr = ”; strlen = strlen(string); for(i=0; i<strlen; i++) { str=substr(string, i, 1);
str1=trim(str);
if(is_numeric(str1)){ tmpstr.=str1+0; } if(str1=="-"&&is_numeric(substr(string, i-1, 1))){
tmpstr.= str1;
}

}
return tmpstr; } function __construct(){ this->f= new SaeFetchurl();

}
function getChineseNum(string){ tmpstr = ”;
arr = array(1,2,3,4,5,6,7,8,9,0); strlen = strlen(string); for(i=0; i<strlen; i++) { str=substr(string, i, 1);

str1=trim(str);
if( ord(str)>0xA0 ){ tmpstr.= substr(string, i, 3);

i = i+2;

}

if(is_numeric(str1)){ tmpstr.= str1; } if(str1=="-"&&is_numeric(substr(string, i-1, 1))&&is_numeric(substr(string, i+1, 1))){
tmpstr.= str1;
}

}

return tmpstr; } function getChinese(string,encode=”GBK”) { switch(encode){
case "GBK" :codelength=2;break; case “GB2312” :codelength=3;break;
case "UTF-8" :codelength=3;break; case “UTF-16” :codelength=4;break;

}
tmpstr = ”; arr = array(1,2,3,4,5,6,7,8,9,0);
strlen = strlen(string);
for(i=0; i<strlen; i++) {
str=substr(string, i, 1); str1=trim(str); if( ord(str)>0xA0 ){
tmpstr.= substr(string, i, codelength);
i = i+codelength-1; } } return tmpstr;
}
function get(cityid){ url="http://www.weather.com.cn/weather/".cityid.”.shtml”; data=this->f->fetch(url);

sun=explode(‘

‘,data);
sun=explode(“

“,sun[1]);
sun=explode(“

“,sun[1]);
sun=explode(““,sun[0]);
sunrise=strlen(sun[0]);
sunrise=substr(sun[0],sunrise-5);//日出时间 sunset=strlen(sun[1]); sunset=substr(sun[1],sunset-5);//日落时间
sunhour=substr(sunset,0,2)-substr(sunrise,0,2); sunminute=sunhour*60+substr(sunset,-2)-substr(sunrise,-2);//日照时间 yubao=explode(‘class="yuBaoTable"’,data); num=count(yubao); tl=array();
th=array(); fx=array();
fl=array(); weather=array();
//第一天
tr=explode(“

“,yubao[1]);
td=explode(“

“,tr[0]);
weather[]=this->getChinese(td[3],”UTF-8″);//晚上天气 fx[]=this->getChinese(td[5],"UTF-8");//晚上风向
fl[]=substr(this->getChineseNum(td[6],”UTF-8″),5);//晚上风力 tltemp=explode("<strong>",td[4]);//最低气温 tl[]=this->getNum(tltemp[1]);
//从第二天到第七天
for(i=2;i<num-1;i++){
tr=explode(“

“,yubao[i]); td=explode("</td>",tr[0]); weather[]=this->getChinese(td[3],"UTF-8");//白天天气
fx[]=this->getChinese(td[5],”UTF-8″);//白天风向 fltemp=substr(this->getChineseNum(td[6],"UTF-8"),5);
fl[]=fltemp;//白天风力
thtemp=explode(““,td[4]);
th[]=this->getNum(thtemp[1]);//最高气温 td=explode("</td>",tr[1]); tltemp=explode("<strong>",td[3]); tl[]=this->getNum(tltemp[1]);//最低气温

}
//第八天
tr=explode(“

“,yubao[num-1]); td=explode("</td>",tr[0]); weather[]=this->getChinese(td[3],"UTF-8");//白天天气
fx[]=this->getChinese(td[5],”UTF-8″);//白天风向 fl[]=substr(this->getChineseNum(td[6],"UTF-8"),5);//白天风力
thtemp=explode(““,td[4]);
th[]=this->getNum(thtemp[1]);//最高气温 if(count(weather)==8){
return array("weather"=>weather,”tl”=>tl,"th"=>th,”fx”=>fx,"fl"=>fl,”sunset”=>sunset,"sunrise"=>sunrise,”sunminute”=>sunminute);
}else{
return 1;

}
}
function getday1(cityid){ url="http://www.weather.com.cn/weather/".cityid.”.shtml”; data=this->f->fetch(url);
yubao=explode(‘class=”yuBaoTable”‘,data);
tr=explode(“

“,yubao[1]);
td=explode(“

“,tr[0]);
thtemp=explode(““,td[4]);
return this->getNum(thtemp[1]);

}
}
[/php]

由百度贴吧一系列辅助产品的开发看技术的循序渐进

近段闲着无聊便开发了一系列贴吧的辅助性工具,比如自动发帖机(爆吧必备神器)、自动回复机(挖坟必备神器)、自动删帖机(拆吧必备神器),前面的三个工具百度比较痛恨,当然还有一些好的辅助工具比如贴吧最新消息短信(飞信)推送系统、定向删帖系统(自动识别水贴和匿名贴)、还有各种发帖机器人(发“天气预报”、发“历史的今天”)等,我简要介绍,这四天开发这些工具经历的一个过程。
首先,我以前做的很多项目是根本不涉及网页抓取的,因为不需要这些功能,第一次接触网页抓取是半个月前帮国家重点实验室的一位教授抓取两千六百个城市的天气预报然后处理数据存到数据库供研究用,详情见http://lvxinwei.sinaapp.com/832.html 。然后感觉抓取技术用处很大,正好我比较喜欢玩贴吧,便感觉可以在这块开发一些产品。
首先我想到的是做贴吧消息推送系统,这样我可以订阅一些贴吧,那些贴吧内容更新时可以把更新的内容短信发给我,原理很简单,一个脚本定时抓取订阅贴吧的所有帖子存到数据库或与数据库已经存在的帖子比较是否为最新帖子,设置状态标志符号new,初始为1,然后一个程序定时抓取那些new=1的帖子的所有回复,抓取完毕设置new=0;详情见http://lvxinwei.sinaapp.com/852.html 但是这个系统原理简单却做得不好,首先用了JS语言,数据处理能力太弱,再次就是发到的是139邮箱,接收到的提醒长度有限制,然后大改了下,语言全部采用PHP,并抽象出了飞信接口,用飞信发消息。
在用PHP重写上个系统时,我注意到可以把发帖功能做成接口,然后我做了,完全模拟人工发帖,最后测试时爆了一个学妹的吧,被记恨了几天,同时介绍下我测试的数据,发帖一分钟达到10贴会导致账号被封,一分钟一贴,发够90贴要输入验证码,两分钟一贴随便发,不会出现问题,回复没测试,但是目测一分钟回10贴没问题。
再然后我想做个发帖机器人可以抓取最新的新闻等等自动发到贴吧,但是出现了问题,我没解决自动回复问题,如果每条新闻发一贴就算是变相爆吧了,所以我又巧妙地把回复功能抽取出来了,然后我改进了发帖功能,发帖后可以返回刚发帖子的ID,做这一块时要注意置顶帖的干扰。
做到这,对于普通用户功能够用了,可偏偏我是几个贴吧吧主,并担任学校贴吧吧主,我在想能不能通过技术手段杜绝丧失贴和水贴,分析下,做这块需要的技术是:帖子抓取+帖子内容识别+帖子删除,幸运的是前两个功能在前面已经实现了。于是,我又把删帖功能抽取出来了,再然后一个复杂、强大的贴吧辅助工具成型了。
做那些有点麻烦的功能时不妨分隔成几个部分,不然不好找出头绪。
本文不涉及具体技术,有兴趣联系我索要源代码,我都封装好了、