【情书】VOL.334 我希望你能明白我的想象 http://www.luoo.net/vol/334/‏

May 5th, 2012

 

VOL.61 让我静静的 http://www.luoo.net/vol/61/

 远远的望着远远 http://www.luoo.net/vol/far/

天天开心

PS:图片版权由luoo.net所有

 

新浪微博开发二三事

April 19th, 2012

以前我开发过yahoo meme的第三方程序,当时懂的不多,本意是想做一个纯浏览器的程序,后面因为自己技术功底不够的原因,最后只能实现了查询而已,查看地址在http://hite.me/mymeme/html/ 而且只能在firefox下使用.yahoo meme要关了,要看的赶紧。

昨天一个活动页面的要自动关注和自动发布微博。我和同事商量用oauth2来做,具体新浪微博的api见http://open.weibo.com/wiki/Oauth2

起初,因为我自己在用 yql做mymeme的时候,使用responce_type=token来做的。所以也决定使用这种方式。我本地使用firefox在本地测试,使用如下代码:


// 打开认证
var url = "https://api.t.sina.com.cn/oauth2/authorize?client_id="+client_id+"&redirect_uri="+encodeURIComponent(redirect_uri) +"&response_type=token";
window.open(url);

发布微博和关注的代码为:
var token =getToken();
document.getElementById("t_sina_follow_form").elements["access_token"].value = token;
var name = _screen_name || "quan163";
document.getElementById("t_sina_follow_form").elements["screen_name"].value = name;

document.getElementById("t_sina_follow_form").submit();
在本地和测试机上试验正常工作,除了ie。因为https://api.weibo.com/2/friendships/create.json 这样api返回的是json,ie下iframe不认识这种格式,然后就弹出下载框。
所有使用form来同步提交post请求在ie下就挂掉了。然后想使用xhr来实现跨浏览器。
无奈因为是https请求,在所有浏览器下都受同源策略的限制,不行。而使用jsonp来实现跨越,因为不能使用get请求,所以也不行。
在这儿看到这个帖子,里面提到xhr和tag,的区别,其中tag和form提交差不多。form可以post请求而已。

看来实现跨越,只能借助服务器了。所以我们决定,前端组装数据,发送到服务器,让服务器去请求。按照这个方式,果然解决了。t.core.js见http://mimg.127.net/h/lib/hd/t.core.js。里面是关注和发微博的代码。正要准备上线。qa说ie6下不行,好一阵排查,发现是新浪的认证完毕之后,302到redirect_uri上面夹带的#accesstoken,这种hash没有了,很诡异,很奇怪。所有发布微博的时候,后台报错403,没有权限。

又是一阵研究发现当responce_type=code,也就是说
var url = "https://api.t.sina.com.cn/oauth2/authorize?client_id="+client_id+"&redirect_uri="+encodeURIComponent(redirect_uri) +"&response_type=token";
window.open(url);

这种情况下,redirect_uri上夹带的是&code这样的回调。赶紧在ie6下看看,发现是可以带过来的。欣喜。然后在调用OAuth2/access_token接口,加上appkey,code参数,并且使用form表单提交,因为返回是文本,所有在所有的浏览器下都不会提示下载,但是苦于不能获取到这个iframe里的accesstoken参数。所以还是通过后台来请求,返回一个字符串,不过很凄苦的,这里居然还有传redirect_uri。
接受到服务端返回值之后,使用eval获取到accesstoken。然后再调用t.sina.follow()。

经过这种折腾,发现测试正常。发布到线上机器,执行到发布微博的时候,服务器报错:PKIX path validation failed。研究了下是因为jre/lib/security下少证书。在ie里的内容,证书里一顿好找啊,找不到。最后再chrome里访问https://api.t.weibo.com,居然看到左上角里惊叹号,点击之后,发现可以导出了。

到这里,才算完成。

总结,https的post请求,在纯客户端的情况下,无法实现跨域,只能借助于服务器。。。

简约4框架设想

February 24th, 2012
  1. 全局菜单
    目前ubuntu的unity桌面系统使用了全局菜单,这种菜单的特点在于,当前活动窗体和工具条也就是菜单分离,菜单位置固定,菜单内容和操作和当前活动窗体有关。
    这种菜单的优点是,操作按钮集中,便于用户形成肌肉记忆,固化为操作习惯。
    典型用例:unity桌面环境,gmail新版。
  2. 自定义( 如内置国际化)
    包括自定义主题,更广义的自定义包含:自定义 文案,自定义显示顺序,自定义显示内容,自定义菜单(主菜单,二次菜单)。
    自定义很好的体现用户的个性表达,容易让用户产生归宿感 。
    缺点:开发成本比较高
    典型用例:igoogle等portal系统,
  3. topbar
    指的是紧贴在窗体最上部分的主菜单,这部分菜单左边一般为耦合度很低的不同功能,如通讯录,写信这种关系 ,右边是通知区域,典型内容,如未读信件数通知,个人信息设置区。topbar的操作以在hover的时候展开二次菜单方式。
    优点:固化的主菜单,便于用户寻找导航,而且不占主要浏览内容区域,如果采用深色为topbar背景,就是这个页面的龙骨,承担协调页面结构的任务,提纲挈领。
    典型用例:ubuntu的unity桌面环境 ;新版google全站导航,wordpress管理后台等
  4. 即时编辑
    也称现场编辑,指在用户消费交互的时候,用户需要打断交互,一般的处理,需要用户在类似设置页面来达到此目的。现场编辑的含义指:用户在不离开现场的情况下,为用户提供了修改基础设置的功能。典型场景如,移动文件夹时,需要新建文件夹,这时候如果提供即时新建文件夹并同时移动到新文件夹的功能,称之为现场编辑。即时编辑不仅仅需要交互上考虑,需求上也应该需要考虑是否为这个方式提供方便
    优点:不打断用户工作流,少干扰, 对服务器来说,少量的修改不需要重复下载请求用户离开时候的现场页面
    典型用例: 拖拽文件位置,拖拽邮件到文件夹,google profile内容编辑页面
  5. 留白
    留白是文艺范,第一要义。留白即是在视觉上提供宽松的浏览空间,也是提供了让用户思考,引发心理活动的环境。邮箱里,可以将大量不常用的操作移动到二次菜单,减少一级菜单或者icon数量。如收信页面 只提供 未读状态列,发件人,标题,时间等,多余列默认隐藏等。
    典型用例:大量阅读平台,阅读软件,如evernote clearly,微软的metro ui系统,豆瓣等小清新网站;
  6. 文件夹 (收件箱,已发送等)
    可以在读信列表页面 里包含 选择收件箱,已发送等条件,不管是以右侧列表还是工具条下拉菜单形式。
  7. 右键菜单
    是否加入右键菜单.google mail,dropbox,wordpress,的快捷操作是通过鼠标移动目标hover触发的,而不是右键
  8.  读信时,可能需要提供上一封,下一封 邮件内容的预览,以便快捷在转移到另外信件
  9. 在展现上,是否需要加入 所谓 交互式设计,最近很流行的感念,因为这样可以解决跨 平板和pc,手机 的开发问题。在不同分辨率的时候都能呈现最主要的功能
    典型用例:lot18.com

2011年度回顾及2012展望

February 12th, 2012

PS:认识我的人不要看了,写的很消极,就像2012的预言一样!

今天又是一个雨天,天冷冷的,还是我一个人,还是为了出去而出去,最近心情真很低潮,自己已经准备了一个多月的年度总结,到现在还是半遮面。今天一边看直播,一边还要硬写东西,真是拖延症和强迫症的共同表现。
刚刚偷偷看了下2011写的总结,发现大的方向是对的,但是真的的2011却是五彩斑斓~
废话少说了,现在看我还能想起来今年发生的事情不?

3月份果然从我原来的公司离职,离职的时候,请大家吃饭,气氛也不错,我做人一般般,人缘是他们觉得不错。虽然我的主管一直给我从个人性格,人缘关系,经济条件各个方面分析,我还是依然离开了,我的性格是是如果你没有触动我的深处的东西,你怎么说,我可能嘴上说对心里却是另外一种想法。
在陈鄂没有确定说要我的情况下,我坐飞机从沈阳到上海到杭州,来来回回3趟,花了我近许多钱,为后面我一直入不敷出的经济情况打下坚实的基础。2月份的上海还是很冷,一个人来到这个陌生的城市,有种莫名的勇敢支持着我。我在东软以前的一个同事那里住下了,那几天还去了淘宝面试,看到淘宝的办公室很有意思,真心羡慕。
记得第一次来到虹桥火车站,和浦东飞机场,那种使用大型材质制造出来 让人感叹的建筑,心里还是激动——居然我看到这么宏伟的房子。真是乡下人进城的心理。上海和杭州的环境真好,也很人性化。走在杭州漂亮的大街上,看着车水马龙,还吃的很有特色的卷饼,还真是有种小孩子的快乐。我吃到了,来到人间天堂了~~~~

3月底就入公司,没有培训,没有同伴,有个头看起来是个很年轻的人,没看出来他是领导,部门的领导人也看起来很随和。工作内容也还ok吧,其实我一直都很纳闷为什么网易为什么会要我,我一直不敢相信这个事实。这里吃饭免费,而且工作场所很随便,环境还是不错的。人看起来也不错,而且刚刚入公司的时候,和游戏在一起办公,而且我刚刚去的时候,前面就坐的是云风,把我激动坏了,不敢相信这是真的。一起工作的还有一些其他人,当时没觉的什么,直到现在,一个一个都成长为负责人。工作任务重了点,曾经连续加了两种的班,做了几次活动,让人收获颇丰,还认识了不少人,呵呵

来网易后,我自己在工作中学到的东西,第一就是互联网的工作模式,知道了有sa,还有一些我以前不知道的东西,就感觉自己出了一点点力,就能出来个东西。人也不错,我一直是有点小毛病,但是他们人都能容忍我的毛病,刚刚到的时候,还经常吃饭,聚会,觉得很开心~
自己在钱江湾花园租了个单人间,当时觉得好优雅,都为将要发生美妙的事情做好了准备,还认识了邵图同学和肖肖小朋友,在那里住的那段时间还挺自在的,一个人玩,一个人吃饭,有时候还自己徒步走在钱塘江,有意思,情调啊有没有!晚上回家的时候,坐上107,满车的美女,快到家的时候,就自己一个人看着窗户外面瞎想些东西,生活习惯那段时间还是任逍遥状态~只求舒服,直接导致我经济拮据。(不过,话说工资还真比以前高多了,在10月份,我终于没有了负债,yoho~~~).10月份还参加了个马拉松,和两个hr熟悉了起来,当时我钱包手机还有一些其他东西都在别人那里,我没找到那个人,幸亏我自己还有个卡,自己倒啊倒车,回到家里,居然回来了。

不过这些让人很开心的同时,当然还有一些不如意的问题。3月份在女人的教导下,莫名的交了3000元,成了某网的会员,那段时间之后,每周5讲究给我电话,闹闹叨叨,不过实话,我还是觉得很好的,虽然我自己觉得没有准备好,而且我自己真心没有信心。期间还遇到了一些女生,各式各样的。8月份被一女的真心坑了7百多。还被某个妹子拒绝了,不过她饶了一圈还是饶到我们部门了,有意思。
过年回家很曲折,在经历了经济危机之后,让skt说的我突然对钱在意起来。过年出手很小气,而且假期太短了,会天水的路上 看到故乡的遥远的山……壮美

另外,我自己也没看到钱塘潮,还看了第一次imax 3d。还有一些事情等等,记不起了;

展望:2012了,
工作——我自己对我工作计划一点都没有,就来我原来一直认为我可以来网易是因为我平时技术的积累,在来网易都荒废了,你看这个blog的发的帖子就知道了。2012年,可能工作计划稍微轻,这样我可以写blog了。
生活——从今年开始,我觉得我的生活一片黯淡,我从来没有这样对未来失去过信心。有时候真想2012要是真的该多好啊,我就可以解脱了,不管我怎么调整我的生活方式,改变我的看法和习惯我还是那样对现实无力。我有想法看相对论,我却真的无法看懂如何才能像别人那样正常的生活。
爱情——不管我争取还是不争取,主动还是被动,顺其自然还是强扭的瓜,我都一无所获。有时候,心里真觉得找个靠谱的人就tm这么难,到底是我有问题还是这个世界有问题,这是我的劫数吗?一个人过算了。况且我可是一个picky的人,真不知道以后我会怎么样,未来的她是怎样,未来我的孩子是怎么,一点点概念都没有。即使我曾经无数次遇到了,一个人在某个地方,遇到从来没有遇到的事情,面对未知我毫无办法的时候,最后还是顺利度过的事情。不管是梦里还是现实生活中(过年回家无法回去、看演唱会不知道怎么回来、被坑了不知道还有被坑多少)。
——我要想办法开辟第二产业
——要比今年做的好。

总之,我突然对未来没有了信心。希望我的读者不要被我影响到。因为我终于明白了我是阴郁性人格,一切都按照预测来办吧,一旦遇到和预期不一致的时候,立即放弃。再加上对一些我自己原则的坚持,让人觉得好累

2012赶快来吧。

How P3P works.

February 9th, 2012

response里的pop3是干什么的,一张图说明一切
wsc
via 1.http://www.oreillynet.com/network/excerpt/p3p/p3p.html
2.http://compactprivacypolicy.org/compact_specification.htm