Ajax 天气预报面板

June 15, 2009 by 龙 | Category:Javascript | No Comment 626

前几天本来想搞的个天气预报,放到自己的站点。想调用别人的Web Service。所以就到google上找了一下,找到了一篇关于这方面的好文章。这里面讲了四种方法来。都是构建一个 Ajax 天气预报面板。下面是这四个方法

第一种:遍历 DOM 树:服务器上简单的 Web 代理从 NWS 服务器拉出数据并发送到浏览器。在浏览器内,JavaScript 解释器从返回的 responseXML DOM 树提取部分数据,添加一些 HTML 格式,然后将其插入到页面中的 DIV 标记。

第二种:服务器上的 XSLT:一个服务器端脚本从 NWS 服务器拉出数据,使用 XSLT 将数据由 XML 转化成 HTML 格式,然后将 HTML 代码片段发回浏览器。浏览器随后将代码片段插入到一个 DIV 标记。

第三种:客户端 XSLT :该方法使用一个简单的 Web 代理(同方法 1)将 XML 数据发送回浏览器。与方法 1 不同的是,使用客户端 XSLT 将 XML 转换为 HTML,并将其插入到一个 DIV 标记。

第四种:JSON 和动态脚本标记,一个外部服务(Yahoo! Pipes)将 NWS 数据从 XML 转换为 JavaScript Object Notation (JSON)。天气预报面板库利用 JSON 的特殊能力和 JavaScript 语言将转换后的数据拉回到浏览器 — 避免了对代理的需求。

这四种方法都是将xml的数据提取出来。

不过遗憾的是自己没有能找到想一个好的数据源,看了别人提供的数据源都不怎么样,如果谁知道这个数据源的可以给我留下言。

具体的方法大家可以到原文看:天气预报面板

注册漏嘴网

June 12, 2009 by SLJ | Category:Life | No Comment 1,461

前天注册一个域名,
漏嘴网 Louzui.com
(阿姿想出来的,了不起~)

有预谋做成一个Twitter,当然功能上要创新。这段时间没空,先把各大手册传上去造福百姓一下。

GOOGLE PR更新了

June 8, 2009 by SLJ | Category:Projects | 1 Comment 982

今天随便上网查了一下PR,奇亚的PR更新了。
从4月份一直到现在,本博客已经上线整整两个月了,
奇亚的PR现在是3,虽然不高但是我也满足了。
最近没有更新博客,第一是因为最近非常忙,主要是准备期末考试还有一些别的事情。Twitter会经常更新。
感谢各位的关注,我很快就会回来的。

我的一天 – 参加2009吴克群武夷山歌友会全记录

May 16, 2009 by SLJ | Category:Life | 4 Comments 4,339

参加2009吴克群武夷山歌友会全记录 好激动啊,

刚刚看完吴克群的演唱会,


第一次近距离接触大明星诶!!


==========看看我这一天吧===========

昨天被告知我将有幸参加2009吴克群武夷山歌友见面会。

More »

谈谈sIFR – 可伸缩Inman Flash替换

May 14, 2009 by SLJ | Category:HTML/CSS, Javascript | 1 Comment 4,000

最近都在赶工我的新网站 Cuthtml.com ,在这个过程中也学了许多的东西,在校验XHTML 1.0 Strict的时候学到了 a 标签被取消 target 属性之后的弥补方法等新知识。不过今天先来看看sIFR,这个名词也是在参考同行网站时发现的。

        sIFR(scalable Inman Flash Replacement),即“可伸缩Inman Flash替换”技术。是由Mike Davidson在IFR方法的基础之上扩展的一种技术。它通过Flash + JS + CSS联合实现在不替换页面中文本元素的情况下,对文本进行更为细腻准确的效果渲染。
       2004年,网站开发者Shaun Inman创造了Shaun Inman Flash替换法。这种方法既在一定范围内保持了轻便性和直观性,又完成了用基于Flash的文本替换普通HTML文本的工作。
       网站开发者Mike Davidson在Inman技术的基础上构造出能适应文字放缩和多行文本的系统,更进一步的完善了健壮性。
使用sIFR你可以任意定义WEB中的文本字体,即便是客户端浏览器未安装的字体。sIFR使用Flash渲染字体效果,可以平滑消除文本锯齿,你可以像使用用CSS控制文本一样轻松得到各种文本效果。

More »

好书推荐-《PHP与MySQL程序设计(第3版)》

May 2, 2009 by SLJ | Category:Apache/Nginx, MySQL, PHP | 5 Comments 4,144

     上了大学,在图书馆看了很多的书,各个方面从UI一直到PHP,自我感觉比较好的书不多,特别是UI方面的书,好的书很少。身边有的学习HTML的同学,我把他们借的书翻开目录一看就帮他们删章节,因为有的章节看了也没用,比如“如何用表格布局网页”,这已经是淘汰的技术了,只能稍微了解了解,不能养成习惯。
     我认为,一本介绍计算机技术的书,应该以实用为主,全面为辅。例如,有些HTML书介绍标签介绍的非常全面(恰恰没有HTML5中的canvas这一类重要标签),然而我们平时的使用几乎用不到那些“全面的”标签(比如<font>之类被淘汰的标签等),而重要的部分如“不同浏览器的hack”这一基本的内容却没有介绍到。
     其实好的书还是有的,我认为图灵以及人民邮电出版社的部分图书我最喜欢,
     我会相继在我博客贴上我所看过的好书,敬请关注。

《PHP与MySQL程序设计(第3版)》

       先说说这本书,PHP方面的基础类图书,我最喜欢的是这本,虽然厚了一点,但是说的非常全面,也很实用,特别是“高级OOP面向对象编程”以及后面的 Smarty、MVC的部分都很 up-to-date,我认为这本书作为PHP起步来说很值得读,后几章介绍数据库的内容也很好。
       喜欢的同学可以去网上买,或者图书馆也能借得到(有一本目前还在我的^_^)
       
下面是转载来的图书信息。

book-phpmysql

【内容简介】
        PHP语言和 MySQL 数据库这两种开源技术已经成为开发Web应用的最佳组合。Web 2.0为它们提供了更广阔的天地。
  本书全面介绍PHP脚本语言和MySQL数据库这两种目前最流行的开源软件,主要内容包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、触发器和视图等。本书实用性强,帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践,了解如何结合这些卓越的技术创建数据库驱动的动态Web应用程序。
  本书适合于Web开发的新手阅读,也适合作为各层次PHP和MySQL开发人员的参考书。
 
      More »

Facebook 如何存储150亿张、1.5PB的照片

May 1, 2009 by SLJ | Category:Web Structure | No Comment 1,920

Facebook 的照片分享很受欢迎,迄今,Facebook 用户已经上传了150亿张照片,加上每张照片有四个不同尺寸的缩略图,就共有600多亿张图片,总容量超过1.5PB,而每周新增的照片为2亿2000万张,约25TB,高峰期,Facebook 每秒处理55万张照片,这些数字让如何管理这些数据成为一个巨大的挑战。本文由 Facebook 工程师撰写,讲述了他们是如何管理这些照片的。

旧的 NFS 照片架构

老的照片系统架构分以下几个层:

  • 上传层接收用户上传的照片并保存在 NFS 存储层。
  • 照片服务层接收 HTTP 请求并从 NFS 存储层输出照片。
  • NFS存储层建立在商业存储系统之上。

因为每张照片都以文件形式单独存储,这样庞大的照片量导致非常庞大的元数据规模,超过了 NFS 存储层的缓存上限,导致每次招聘请求会上传都包含多次I/O操作。庞大的元数据成为整个照片架构的瓶颈。这就是为什么 Facebook 主要依赖 CDN 的原因。为了解决这些问题,他们做了两项优化:

  • Cachr: 一个缓存服务器,缓存 Facebook 的小尺寸用户资料照片。
  • NFS文件句柄缓存:部署在照片输出层,以降低 NFS 存储层的元数据开销。

新的 Haystack 照片架构

新的照片架构将输出层和存储层合并为一个物理层,建立在一个基于 HTTP 的照片服务器上,照片存储在一个叫做 haystack 的对象库,以消除照片读取操作中不必要的元数据开销。新架构中,I/O 操作只针对真正的照片数据(而不是文件系统元数据)。haystack 可以细分为以下几个功能层:

  • HTTP 服务器
  • 照片存储
  • Haystack 对象存储
  • 文件系统
  • 存储空间

More »

Reset CSS – 复位(重置) CSS

April 30, 2009 by SLJ | Category:HTML/CSS | 2 Comments 2,708

今天开始动工我的新网站 CutHTML.com 了,制作前要找我的Reset CSS,但是找不到了,想想干脆用雅虎的吧,就去把雅虎YUI的Reset放到博客上,顺便说说什么是Reset CSS

CSS Reset是指重设浏览器的样式。
不同的浏览器默认的样式可能不近相同,所有开发时的第一件事可能就是如果把他们统一。
总结与编写出,适合自己工作与学习的CSS Reset代码。

这是雅虎YUI提出的重置浏览器的 Reset CSS

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img {
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}
ol,ul {
 list-style:none;
}
caption,th {
 text-align:left;
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}
q:before,q:after {
 content:'';
}
abbr,acronym { border:0;
}

More »

我的近况

by SLJ | Category:Life | 5 Comments 3,184

最近朋友关心我,我的回答都是心情一直不是很好,人也很衰。
本以为可以很快又好转的,但是今天又有一些事情搞得心情很不爽,而且是一些比较严重的事情,在这个Public的区域我就不唠叨了。

加之最近事情很多实在忙不过来,到一个人分成三个人刚刚好的地步。(比如连续几天都保持一个状态:同一个时间里有两场演出。)

现在已经没有做单子了,应该说没时间做了,想做一点自己的事情也没的做,包括自己想做的一个网站也被我一直拖着,学习、英语就更不要说了,老是觉得很难受,觉得会对不起老妈,也不想让她知道我的近况。有的时候真想撒手什么都不想,什么都不管,关手机,出去玩一下。

回想我开学为自己定的计划又完成了多少了呢?怎么感觉什么都没做,特别是英语没学好,以及实习的事情完全没时间理会,觉得很懊恼,偏离了我预先为我自己设定好的路线。本来计划这个学期拒绝一切文艺演出,上周却又参加了百事,又要参加拉丁舞的表演,又被叫去参加红歌会唱民歌,9号还要去南平比赛,现在想起来甚至都很后悔!
(其实徐倩在的时候我就经常开玩笑,叫文娱部封杀我来着的。上面的别让黄老师看到就好,我完全是为了黄老师才参加这些演出的,因为在我的大学生涯里,黄老师是对我最好的老师之一。)

再说说对于电脑方面的郁闷的事情,本来以为每天抱上电脑我就不郁闷了,甚至我每天都把坐在电脑前面当作是逃避人生痛苦的一种方法,不过今天和BJ聊天后,我竟然郁闷地在反思一些东西。
以前我会对我的同学指出路线,经常“教导”他们不要什么都学,要专一门,却忘了自己也犯着同样的毛病。当今天BJ用我“教导”同学的建议来“教导”我的时候,我忽然恍然大悟,BJ的建议并不是说要放弃PHP或者放弃UI,或者说在里面做一个选择,但是他的建议是要精一门,否则门门都是半桶水。

我说我现在已经很收心了,不然以我小时候的性格,肯定是什么都去研究。我并不想放弃UI,PHP一些已经有所研究的东西,但是我要精通一门,我自己知道,这样就要在UI和PHP两个方向中做一个了断,我很不愿意,但是这是谋生之道,是将来能进入大公司,能成为领域精英的关键途径(至少BJ自身的成长过程能证明这一点)。

在接下来的日子里,我要时刻告诉自己方向,方向,方向!
让我想清楚再说吧,毕竟现在我不愿放松UI和PHP中任何一个,两个是没有冲突,只不过研究一项必定会抢占另一项的时间……

BTW,聊天中,BJ提出两个关于PHP的名词,APC和MemCache的概念,发一个帖子贴出两个东西的概念

关于APC(Alternative PHP Cache)和MemCache

by SLJ | Category:PHP | No Comment 6,044

APC(Alternative PHP Cache)
APC是一种对PHP有效的开放源高速缓冲储存器工具,它能够缓存opcode的php中间码。APC是一种php的缓存解决方案,目前以pecl方式发布,有消息说将会出现在php6版本的内核.

一.安装方法

1)从http://pecl.php.net/package/apc下载相应版本
2)解压
3)进入源码目录
4)执行php安装目录下的bin/phpize
5)./configure –enable-apc –enable-apc-mmap –with-apxs=path-to-apache/bin/apxs –with-php-config=path-to-php/bin/php-config
6)make && make install
7)将生成的apc.so加载到php.ini(extesion=apc.so,注意extension_dir的设置)一般地,编译生成的.so会在php安装路径的lib/php/extensions下
8)重启,apache

写一个phpinfo看看

注:windows下,只要到http://snaps.php.net/的相应分支下下载php_apc.dll,再在php.ini中加载即可

060925175835

More »

↑ Top