- 26
- Sep
(庙)是一天建成的 系列教程那就从今天开始吧
QQ 个人中心2.0已经上线了,有幸参与了一点点哈哈,希望大家喜欢
QQ 空间的38套新风格也陆续上线中, 跟低龄化越走越远... 好可怜的小脑残们,
牛逼的同事们已经开始应用CSS3了,菜单里的阴影就是CSS3做的哟
上面那广告当然不是白打的, 进入正题:
花了一天时间搞起了 http://miao.in 这个合租站, 目的是把 Mediatemple 合租常见的一些问题什么的写到那里去, 以后遇到问题就丢个FAQ回去哈哈
做完了才发现 wordpress 里有很多可以分享的,做个系列教程叫(庙)是一天建成的, 那么且听我低淫
"我决定明天迟到4小时,再早退4小时"
这是我前几天的 QQ 签名
领导的领导在测试个人中心的时候不知怎么看到了,于是重视了一下下
那么领导当然也重视了一下下领导的领导的重视一下下
(还好到现在木有迟到早退过)
这件事情告诉我们, QQ 签名是很恐怖的
辣么,屈服在 QQ 的淫威下吧! 喔吼吼
让我们再一次进入正题
类 Twitter 服务有个共同点, 就是开放 API ,让你在其他地方调用,比如 Blog 什么的
类 QQ 服务有个共同点, 那就是你的就是我的, 我的还是我的
根据女友W定律第三条: 只有足够优秀的互联网应用才有资格被强X
else{ echo 'QQ 永远不会被和谐!'; }
于是我们继续进入正题
调用 QQ 数据一般来说有2种 (C/S) 不是 NFS 或 POP 或 WOW 什么的
C: 客户端,用 JS 调用 QQ 的 API,一般 JSONP 的,直接可以用,优点是运算压力都在客户端,服务器假装没看见;
S: 服务器端,例如PHP去模拟浏览器爬行然后正则出来想要的数据, 这招超无耻, 挡都挡不住, 缺点是服务器有工作压力,可能会要求加薪,除非是(庙)的主机;
showfom 同学的千里之堤溃于蚁穴 – 慎用 WordPress 插件
就是一个很成功的失败案例 (服务器端没有做异常处理)
那件事情告诉我们, 乱搞男女关系要考虑善后,不然会出人命的!
辣么,已进入正题的角度来讲 JS 如何处理男女关系呢?
有很多同学都是在<head />或 代码最后插入 JS
有时候是个粗大的库比如 jQuery
插播广告:
想和举世震惊的 jQuery 官方站在同一台服务器么? MediaTemple 是您不很二的选择!
MediaTemple 合租(庙) http://miao.in
广告回来,延续正题
把JS代码插入head的同学没看 yslow 的 Best Practices for Speeding Up Your Website
把JS代码从后面插入的同学看 yslow 看过了头
要根据实际情况来应用, 大猫老师目前是把 jQuery 库和自己的js丢在内容区和侧边栏之间, 这样子侧边栏的低优先级内容不会影响到 JS 的执行
顺序如下:
内容 - > JS (需要处理内容的部分) -> 侧边 -> JS (onload后执行的某些语句)
进一步的JS按需加载太高端一般人看不懂, 暂时不提
废话说完,其实上面你都可以不用看的,我们来正题下
$.ajax({
type: "GET",
url: 'http://taotao.qq.com/v1/qz_first/firstjson?uin=18958069',
success: callback,
dataType: 'script',
scriptCharset:'GB2312'
});
var callback = function(json) {
if (json && typeof json === 'object') {
var title = json.items[0].title || '';
$('#taotao').text(title);
}
}
如果你页面是 UTF-8 的一定要加
scriptCharset:'GB2312'
否则在IE下会乱码
jQuery 的写法很清楚,我就不再切正题了...
正题切完了, 继续分享一个小技巧:
http://code.google.com/apis/ajaxlibs/documentation/
如果要把粗大的 jQuery 交给有 CDN 的 google 托管可以看看
google.load("jquery","1.3.2"); //就会加载1.3.2的 jQuery 库
google.load("jquery","1"); //这个会加载1.x里面最新的 jQuery ,就是说升级到了 1.5 什么的也不用管,自己会调用新的
同理于
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
和
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
订阅大猫的RSS feed,不错过一部AV~
沙发！拿下，刚换好的空间，貌似服务器又出了点问题 果然这几天我人品很差
Reply
bigCat:
@Showfom, 淡定,淡定,,流量高的大户一般都不怎么受待见...
Reply
还不错了
Reply
$('#taotao').text(title)});
分号前的"})"是哪来的啊？
Reply
bigCat:
@smallway,
没删干净... ...太不负责了...拖出去摸
Reply
smallway:
@bigCat, 害得我要开IDE去对{}()}((()}{}()
Reply
bigCat:
@smallway, - - 淡定...淡定...如果你是双眼皮,马上就能debug出来...
Reply
想我可是费了半天劲才在大猫的源码里翻到这两行代码。
Reply
bigCat:
@疯子, - - 直接问一下就知道了....
Reply
这两天QQ农场的确不稳定，带个外挂都提心吊胆的。
Reply
bigCat:
@Dianso, 小心被封哟,QQ牧场出来了
Reply
QQ空间的新风格让我感觉欣喜。
但让我喜欢的，真没几个...
Reply
bigCat:
@willerce, 哈哈，那玩意儿太复杂了，我摸索了好久。。。。
Reply
始终还在打twitter的主意，偶的taotao早已在第一时间被自我阉割了
Reply
bigCat:
@Andre, 哈,要twitter你就只能用服务器去取了,js不能[痒痒]...
Reply
这签名我喜欢 抢了...
Reply
bigCat:
@Enson, 生‘日’快乐
Reply
嗯 还是 用ajax 好·~~ 晚上我也改个~~·
Reply
bigCat:
@飞鱼, 盲目跟风了吧
Reply
不到10行代码给你讲了这么多。
Reply
bigCat:
@frank,
蛋就是拿来扯的，话说你首页的菜单：hover那是真赞，恩恩
Reply
万恶的广告插播啊...
Reply
bigCat:
@Yacca, 真向往万恶的资本主义社会
Reply
大猫的文字风格很QQ呀
Reply
bigCat:
@twipper, 请称呼我为五毛
Reply
呃呃呃
来看看 mark
Reply
抠抠可以用“心情”把半死不活的“滔滔”替换掉了……
好好的一个微博硬是给玩儿死了~
Jaiku怎么还不更新啊~还有Gtalk怎么还不更新啊~
--------------------------------------------------------------
因为有了大猫的加入，Q-zone的确越来越华丽丽了~
最近加的几个功能都不错哦
Reply
bigCat:
@小飞嘀敲敲门, 滔滔这个垃圾站,firefox都支持的不好...
而且垃圾信息非常多
gt确实有些不爽的,不过聊天记录就在gmail里这点很赞哈哈
我只是执行者,把他们策划的做出来哈哈,功能一般都是产品经理搞出来的,界面都是设计师搞的,这边的设计师确实很牛逼
Reply
Reply
bigCat:
@叶夜曳, 我准备再写一篇软文
Reply
你一会儿ooxx.me，一会儿miao.in，真的是走到人民的前端去了~
不过，支持你的伟大尝试~
Reply
bigCat:
@左岸读书, 哈,ooxx.me用的是别人写的主题,miao.in是全部自己写的代码做的功能,权当学习wordpress的热身~
Reply
Reply
QQ空间那些模板真的太那个了，怎么配都不好看，固定的太死了，要是像百度的那样就好了。
Reply
bigCat:
@chisdy,
貌似有个自定义,改改背景图什么的,不过还真没百度那么自由...
Reply
Evance:
@chisdy,
结构化，机能化有利于管理 -- QQ空间是收费的，而百度空间8是
Reply
[...] 大猫曾经写过这么一篇文章：《在blog上显示QQ签名》，不知道你们可不可以用，反正我不知道怎么用。对于我们这样的菜鸟来说真搞不懂那一片是什么。看不懂，大猫哥哥写的太深奥了！ $.ajax({ type: "GET", url: 'http://taotao.qq.com/v1/qz_first/firstjson?uin=18958069', success: callback, dataType: 'script', scriptCharset:'GB2312' }); var callback = function(json) { if (json && typeof json === 'object') { var title = json.items[0].title || ''; $('#taotao').text(title); } } [...]
[...] 受BigCat的文章Blog上显示QQ签名的启发，再加上害死猫的好奇心，当时就查了QQ号为123123123，1111111，12345678等等呢个的QQ个性签名，挺有意思。于是有了“http://qs.smallway.net/”的灵感，经过两天两夜的埋头猛敲键盘，终于完成基本功能，其实大部分时间花在美工上了。 [...]
拜读 研究一蛤
Reply
好酷的主题啊！！牛X啊
Reply
bigCat:
@Lxhome,
牛人做设计,我无耻的偷过来
Reply
大猫，貌似不能回复id为中文的留言。
Reply
小马同志:
@小马同志, 搞错了
Reply
bigCat:
@小马同志, 哈哈,可能js未加载?
Reply
小马同志:
@bigCat, 奇怪了，你看下“ 添加滔滔到博客 | 别院微闻 ”和“谁的QQ签名更个性？ « 微小的微”的留言不能回复。
另外，大猫，你的主题好漂亮呀。我能把它移植到zblog上吗？
Reply
bigCat:
@小马同志, 哈哈,那是trackback,不是留言
主题不是我做的哟,是mayabox写的墙围花改过来的,你可以搜索下,我底部也有他的链接
Reply
小马同志:
@bigCat,小白了，引用通告很少见。大猫，你好热情啊。一路从猥琐男阿禅的网志过来的，有些关于求职的问题，可以请教你吗？
Reply
bigCat:
@小马同志,
哈,米问题... http://miao.in/contact
Reply
[...] 大猫曾写过 在Blog上显示QQ签名 – (庙)是一天建成的 [...]