[ Content | Sidebar ]

Archives for 十一月, 2009

show一下偶们的周报系统

完全基于google产品,提交周报通过doc的表单,查询周报则直接通过gtalk机器人,输入条件就会收到一份整理好的周报,google提供的api真的是太强大了~

本周把xp换成了win7感觉还不错~

周报查询机器人

web前端优化之动态加载

额,貌似有段时间没正儿八经写日志了…,偶们前端组的blog近期也要上线,这也算篇凑数特供稿,哈哈,有时间再整理一下以前能让大家看明白的弄上去,不过密码我给忘了…
——————————————-
网站最近搞了次优化,效果比较明显,以前不敢用的动态加载(我自己起得,洋名叫lazy load,这样翻译应该也算得体,延迟加载也说得过去..)终于派上了用场.

总的来说是这样的:

  1. 页面加载时不会初始化的脚本不引用,不显示的ui用的样式不加载.用户交互用到时加载.
  2. 除用户可视区域外的图片不加载,用户有滚屏操作时加载.

具体实现:

1 . 实现js和css的动态加载
适用 : 页面的pv较高,功能模块较多,每次刷新页面都需要重复解析和渲染.
缺点 : 用户从点击一个按钮到函数响应,中间会有静态的下载和解析的一段延迟(有客户端缓存会好的多)
优化 : 为了尽量让用户感觉不到延迟,我们在登录页面预载的一些经常用到的脚本(由于网站的更新周期固定,所以脚本仅会在更新当天预载)
实现 :

XN.dynamicLoad(
{
files : ['http://s.xnimg.cn/a2328/csspro/module/poke.css',
'http://s.xnimg.cn/a2252/jspro/xn.app.poke.js'],
funcs : ['doPoke']
});
Copy Code 

以上代码是人人网个人主页中的一段代码,用来动态加载打招呼的功能,files注册需要动态加载进来的静态,funcs注册触发加载的函数名.这个东西以前写过一篇不太成熟的文章

2 . 实现图片的动态加载
适用 : 现在仅对新鲜事动了刀,因为新鲜事里图片变动太快,客户端缓存率太低.整个页面图片动态加载没有必要,因为很多模块都是固定的,本来客户端就有缓存.
缺点 : 这个东东很冒险,上线之后发现ff3.0刷新之后图片全白了,正在优化实现代码…
优化 : 既然问题那么多,为了便于维护,仅对ie和ff两种用户比较多的浏览器才用这种方法.
实现 :

<img needclip="1" width="50" height="50" lala="http://hdn.xnimg.cn/photos/hdn221/20091006/1415/tiny_IgCp_4728e019118.jpg" src="http://s.xnimg.cn/a.gif" onload="feed_img_delay_load(this);" />
Copy Code 

以上是人人网home页新鲜事中的一段代码,图片的src=”http://s.xnimg.cn/a.gif”是一个1×1像素的空白gif,而它的真正地址被存在”lala”这个属性中(有人问我为什么要起个lala呢…随意起得了,起个dongganchaoren就有点长了…),onload中的feed_delay_load是关键,1×1的图片加载完毕后会调用它,它首先会判断图片是否在可视区域,如果是把它显示出来,如果不是把图片放到加载队列里.然后会有一个定时器检测屏幕滚动,从队列里加载图片.

优化效果 :
试过才知道,真的好用…

scp 保留文件权限

http://linux.chinaunix.net/bbs/viewthread.php?tid=912911

1 打包后,再用scp传过去就可以了,因为打包是保留权限设置信息,
2 用scp 传过去后, 到正确权限的主机是,备份权限, 再备份权限,
getfacl 获取当前正常系统的文件权限,到另一台机器上用 setfacl 恢复。
getfacl -R /root/test > acl.bak
把acl.bak的文件copy过来
setfacl --restore acl.bak

人人网招聘前端javascript开发工程师

招聘贴发过不少,但都不是自己写的,没有诚意,偶这次忙里偷闲,自己写一个,先说点题外的~

1 . 关于人人网的前端组

人人网现有前端12名同学,其中js组5人(偶也在其中了,咔咔~)css组7人,其中绝大部分同学为08和 09界应届毕业生,大牛没有,菜头一堆。

2 . 我们的主要工作内容

负责人人网主要产品的前端开发和优化,包括主页,日志,相册,分享等等。

3 . 对工作的一点感受

在这里工作绝对不会让你觉得压抑,早上10点前到班即可,俺以前住宿舍,早上9:30起床不晚~。由于年龄相仿,所以大家都比较“本色”,刚来的新人可能会不太适应,哈哈。工作内容基本上不会让你觉得觉是在重复性的劳动,产品同学会想出各种点子折磨你(不要以为vip模板也是我们搞啊,那个是外包地)。恩,还有就是成就感,记得入职后开发的第一个home页的产品:状态框,上线之后灰常激动,心想:偶的代码要被下载上G的流量,n多用户(包括大学同学)都要通过这个框框改状态。

恩恩,不多扯,正题:随着人人网的不断发展和扩张,俺们需要更多的同学加入~

javascript 前端工程师招聘具体:

工作地点: 北京

招聘人数 :  2

硬件要求:

  • 性别: 不限
  • 年龄 : 22-30
  • 学历: 本科以上(这个并非绝对)

软件要求:

  1. 精通HTML DOM对象的Javascript编程,熟悉对象化Javascript编程
  2. 有使用js框架经验,了解不同浏览器之间的差异,写出的代码具有良好的兼容性。
  3. 掌握XHTML、CSS,对W3C有较深理解
  4. 了解web后端开发,熟悉至少一门后端语言
  5. 熟练阅读英文技术文档

恩,这个是以前发招聘的要求条件,其实这只是基本的要求,如果你有以下一个或多个品质,就比较完美了

  1. 对web产品设计和用户体验有一定了解(人人都可以做产品经理)
  2. 熟悉unix系操作系统的一种(unix,mac,linux …)和其平台上产品和编程的应用(换个思维做事)
  3. 良好的团队协作意识和积极的工作态度
  4. 编码时有一定的后端依赖意识(表您的产品一上线,server挂了一大片)
  5. 有一定的前端架构思路(前端也有架构一说?恩,我觉得是门学问)

优秀的前端真是不容易,啥都得懂一点,当然,面过那么多人之后觉得:思维方式和人品才是最重要的。

最后,如果有意加入我们可以mail至:lu.hua@opi-corp.com,由于垃圾邮件太多,所以非gmail发信会被我直接扔到废件箱,大家见谅

本招聘贴有效期至:2009.12.30

pidgin 更改聊天的背景颜色

http://developer.pidgin.im/wiki/Using%20Pidgin#HowdoIchangethefontPidginusesThebackgroundcolor

还是黑底比较”养眼”

screenshot_001