博客园的手机版(非官方)

博客园的手机版(非官方)

目录

     1.前言

     2.演示地址

     3.效果图

     4.相关技术

     5.实现功能

     6.需要完善和增加的功能

     7.流量测试

        7.1.PC+Chrome

        7.2.手机端

     8.完结

前言

  刚学jQuery.Mobile ,想练手,但是没什么数据,正好自己想在公交上看博客,但是太费流量,自己动手做一个手机版的博客园

利用网页抓取获取的信息,我不是博客园的人工作人员哦,所以这不是官方的版本,类似登录回复评论功能肯定是没有的,只供查询

只是自己的兴趣,虽然不是什么很高深的技术,呵呵,好吧,先来看看效果

演示地址

  本人买的学生专用空间,可能不是很稳定,反正也是自己用

  PC地址:http://www.5imvc.com/home/phone

  手机端:http://www.5imvc.com/phone

  用手机扫扫看博客

  博客园的手机版(非官方)_第1张图片

效果图

博客园的手机版(非官方)_第2张图片博客园的手机版(非官方)_第3张图片

博客园的手机版(非官方)_第4张图片

相关技术

  MVC 4 + jQuery.Mobile

  网页抓取:HtmlAgilityPack ,相关文章:http://www.cnblogs.com/linfei721/archive/2013/05/08/3066697.html

  Jquery模板 : JsRender, 相关文章:http://www.cnblogs.com/linfei721/archive/2013/05/25/3098897.html

实现功能

  1.首页的列表显示和分页

  2.分类和列表的显示和分页

  3.文章内容的显示

需要完善和增加的功能

  1.增加新闻抓取

  2.增加热点列表

  3.文章图片的缓存加载,现在文章是全部加载,有点费流量哦

  4.图片预览

  5.查看评论

流量测试

1.PC+Chrome 测试

博客园的手机版(非官方)_第5张图片

博客园的手机版(非官方)_第6张图片

  PC测试流量是 4.2M+733K

2.手机端,同样翻3页,随机点十几个文章

博客园的手机版(非官方)_第7张图片

博客园的手机版(非官方)_第8张图片

  手机端:1152.63 - 1147.14 = 5.49M

完结

呵呵,本人刚学jQuery.Mobile,对web和移动开发感兴趣,这个可能还有很多需要完善的地方,都是业余时间做点玩玩,需要搞本书看看,希望喜欢web开发的来交流哦

 
 
分类:  MVCjQueryjQuery.Mobile
标签:  jQueryMVCjQuery.Mobile

我们这样用服务器

  刚来实验室的时候,实验室有有一台联想的塔式服务器,最初老师不让用,始终在墙角安静的放着。后来我们向老师申请,于 12 天之前,老师批准。且看看我们这帮熊孩子们在这 12 天之间是如何利用它的。主要有三个人 Suck、Zty、dmx(笔者)。

    确认硬盘里面数据毫无价值后,瞬间装系统小分队组成,格盘,装 Scientific 。期间发行版的选用大家争执,以及由于我们三人都是第一次真正见到 raid,装了 2 次才装上的事情就不细说了。值得一提的是,我们仨都被刚开机的时候,风扇如直升机起飞般的声音震到了,印象及其深刻。

    到网络中心申请一个校园网 ip 之后,我果断把我的私人域名 dmxforfun.com、www.dmxforfun.com、ftp.dmxforfun.com。都改成了服务器使用的校园网 ip。只可惜只能本校校园网内访问到。

    我们就按照时间顺序慢慢来说。首先,一个 HTTP 服务器是必须的,Suck 简单做了一个 index.php(主要内容就是说这是XXX实验室服务器,以及我们提供服务的一些链接),反正除了我们也没人看。

    Zty 用 html5+js 为他的女朋友做了一个她的个人空间,挂在了上面,我个人感觉挺好看的,不过也就我们实验室内部人看看罢了;

    Suck 用 Wordpress 在服务器上搭了个个人博客,据我目测,搭完之后就没怎么见他用过;

    我平时喜欢听歌,以前一直用 百度随心听 ,果断仿一个,做了个在线随机听歌的玩具,当然没有人家做的好看,基本实现了在线随机听歌的功能,不过想听什么歌都是要手动下载到服务器上,做好之后,看到好使了,就再也没有用过我的这个玩具,自己下歌太麻烦。

    搭完 HTTP 服务器,FTP 服务器当然也不能放过。对我来说,FTP 就是个大 U 盘,只要电脑连在了校园网上,上传下载简直方便爆了。经常在机房用学校的机器上实验课,各种所需要的资料,需要安装的软件包等等等吧,全都往上面一扔,空间大还不怕中毒,10M/s 的速度也比我的 U 盘快。难道说这就是传说中的 “云空间”?哈哈。就个人来说,在 linux 环境下上传和下载我都喜欢用 SSH 带的 sftp,但是学校机房都用的 win,还是 FTP 方便的多。顺便说一句,大前天计算机网络实验抓包,突然发现 FTP 的用户名密码都是明文的,震惊。

    实验室还有一台惠普的打印机,果断想配一个打印机服务器,让大家共享,多方便。由于该蛋疼打印机在 linux 下的驱动不灵,于是乎,我们在服务器上装了一个 xp 的虚拟机,把打印机设备分配给了虚拟机,并在局域网内共享。后来悲剧的发现,打印机设备确实共享了,但是驱动没共享。也就是说,客户端想要使用打印机必须要有驱动,尼玛清一色的 linux 哪来的驱动啊。我们仨放弃了。第二天,Zty 高兴的告诉了我俩这个,直接在线远程控制服务器中的虚拟机,想要打印什么,直接把文件上传到服务器上,控制虚拟机打印就好了。虽然有点麻烦,但是起码基本满足了我们共享打印机的愿望。

    某日,突然想看超清电影,但是用的固态硬盘,又舍不得空间。瞬间想到利用服务器,果断写了个脚本,用服务器 wget 了几个蓝光,动辄好几十G。然后用 vlc 远程播放,丝毫不卡,局域网真心爽。当我试验成功之后,突然就没有了看电影的心情了。然后就有点懂,在线播放是个什么原理了。

    某日,Suck 说想听听服务器开机时风扇的声音,我说 OK。于是针对服务器的 4 核 CPU 写了个 CPU100,就是让 CPU 的使用率瞬间达到百分之百。于是让服务器跑,跑了半小时之后,明显感觉到风扇声变大,但是和开机时的声音简直天差地别。瞬间知道了服务器散热的 NB,同样的程序用我的笔记本一跑,2s 之后风扇起飞,不到20分钟自动关机。

    我最近在从后往前,挨篇看酷壳的所有文章,已经看完 3/4 了,感觉增长不少见识。学校实验室机房满满的全是病毒,前几天中的毒,只要开机,光驱就自动弹出,推回去,继续弹出来,无限循环。突然想到在酷壳看到的这篇文章,然后在实验室试验成功之后,把脚本留在了服务器上,并把这个事情告诉了 Suck。

    某日,我和 Suck 在机房上实验课,Suck 无聊,ssh 控制服务器运行这个脚本。正巧 Zty 当时正坐在服务器机箱上,感觉屁股下面一拱一供的,低头一看,瞬间大喊 “我擦,服务器竟然也中毒了”。事后我一听说,笑喷了。

    某日,我突然好奇我笔记本的小CPU 与服务器的至强有多大差距,然后写了几个 10^k 的空循环,震惊的发现时间上基本没有区别,然后我就迷茫了。学算法时经常听到,假设执行一条指令是常数时间。原来尼玛真的是常数时间啊,两个性能天差地别的 CPU 竟然没啥区别。之后,在循环里面又加上了浮点计算,至强一下子就证明了它为什么叫至强。然后就在想,大家追求 CPU 的性能,到底追求的是什么性能,有没有必要呢?

    昨晚两点多,Suck 给我发短信,说他用 PmWiki 把 wiki 架上了,没啥事想记笔记的时候可以写在上面,于是我瞬间想到了 evernote。同时又想到了各种云服务,别的不说,还是用自己的爽,局域网网速在那摆着呢。

    前段时间写了个 Web Server 的玩具模型,过两天找时间改改,做成个守护进程,试试能不能把 Apache 换下去,反正我们的网页也没人访问,坏了也不怕。

    还有可能 Suck 和 Zty 对这个服务器做了一些其他的事情,但是我不知道的,不过不管怎么说,有一台受自己支配的服务器,真的是很爽的一件事情。

    可惜的是,离开学校校园网之后,这些东西估计也没有人会使用了,也许学弟学妹们也会像我们格式化原来硬盘中的数据一样,把我们的数据也都抹掉了吧。

    现在是 6 月中旬,再过半个月大家就出去实习了,我们三个人分别去了三个不同的公司,可能下学期也没有多少时间在这个实验室过着这样悠闲的生活了。伤感的话不多说,我的 geek 朋友们,有你们在身边,真的很棒!

    也许读者已经发现了,我们经常搭建了一个东西,但是自己并没有去真正的使用,也许我们只是享受搭建环境的乐趣?哈哈

    我们一直都在努力的更高效的使用这台服务器,如果您有什么建议或意见,请告知于我,拜谢!

    我不知道我们的行为算不算是 geeky,但是我想只要有一颗 geek 的心,生活就总会很有乐趣,总会发生一些 cool 的事情。

 
 
分类:  停下想想

你可能感兴趣的:(jquery,mvc,scientific,jQuery.Mobile,我们这样用服务器,百度随心听,这个,酷壳,这篇文章,停下想想)