换一个一个好拉风的Usplash

作者: 阿肆 发表时间: December 27, 2008 分类: 杂七杂八 9条评论

刚在逛GNOME-LOOK的时候，看到一个好拉风的Usplash，就马上下载换上了。先放出来给大家赏下，哈哈

Usplash Theme：Fingerprint

呵呵，是不是挺拉风的，可惜我不是液晶的显示器，不然将手放上去肯定超有感觉。

喜欢的朋友可以来这里下载

安装方法在下载压缩里有，对照安装就可以了，我先睡觉去了，有问题的朋友可以联系我。

中广核校园招聘(补招)[能力测验部分]答案

作者: 阿肆 发表时间: December 12, 2008 分类: WebBuild 8条评论

早两天老师发个通知下来，是中国广东核电集团补招的消息，然后要去广核网站上填写简历，有几个同学去了，说网站要答题，是智力测试的那种，-_-!。然后我刚才去看了下，基于“职业”敏感，打开页面先直接Ctrl+U，然后发现：乖乖~嘻嘻

首先，基于为Firefox讨个公道的原因，批评一下网站验证码部分的设计。页面网址（http://www.cgnpc.com.cn:8002/hrrs/Campus/CampusMain.html）

function showAuthCode(e,whichone){
        if (whichone.style.visibility == "hidden"){
            whichone.zIndex++;
            whichone.style.left=document.body.scrollLeft+event.clientX-event.offsetX-3;
            whichone.style.top=document.body.scrollTop+event.clientY-event.offsetY+21;
            whichone.style.visibility="visible";
        }else{
            whichone.style.visibility="hidden";
        }
}

上面是验证码输入框onfocus()的js代码，你说你个验证码到底是给eval robots看的还是给human看的？！

Firefox用户同僚可以直接输入http://www.cgnpc.com.cn:8002/hrrs/imageCode这个网址将得到的验证码填上就可以了。

然后登录，通过对我的鄙视（第一个页面那里我都需要选择“否”）之后就进入了能力测试部分，题目就是汪涵主持的那个什么什么英雄的那个答题节目差不多的题。我就不多说了，直接教大家答题：查看源代码，通过几个frame，再查看源代码（这页的http://hr-exam.cgnpc.com.cn/User/AbilityDo.aspx），你会发现下面的源码（我精简了只留下核心部分）：
第3题:0, 2, 6, 12, 20, ( )

<input type="radio" value="0" />A．28
<input type="radio" value="1" />B．30
<input type="radio" value="0" />C．40
<input type="radio" value="0" />D．48

我想稍微有点智商的朋友都知道选哪个了吧！然后再提醒一下用Firefox的朋友，这里提交的时候在IE下会有验证，如果题没有答完会弹出警告框来提示并阻止提交的，然是Firefox下不会提示而直接给你提交，并且不管答题是多久时间都是0。

我以前没有看到过一个程序这样的依赖前端脚本（并且是非标准脚本）来判断和处理敏感数据，并且还是用在大型的公司上（据该程序的官方网站上注明，广东移动也是用的这套系统）

点击下面的连接打开我整理的答案

阅读剩余部分...

[推荐][转]WEB2.0的单手定则ByTwinsen

作者: 阿肆 发表时间: December 4, 2008 分类: WebBuild 1条评论

虽然自己对网络上叫嚣的web2.0及div+css的设计的很多浅薄的话语很有微词，但是自己也无心（或许因为自己知识也比较浅薄吧）去解释什么任由他们继续"炒作"。在腾讯的twinsen大哥博客上看到这篇不错的文章，说得比较深刻也比较易懂，是很中的的一篇文章，所以转过来给大家学习下。

之前的一篇关于CSS的文章不太被很多人了解，结果好一段时间都在沉思关于CSS一块的文章应该怎么写，至今尚未得出一个让自己满意的答案。新的一 年了，回首之前的日子；公司里面一大堆东西在忙差不多有一个月没有写过有关技术的文章，也很久没有关注过群里的事情（屏蔽了好几个）。这两天回到群里面 看，发觉质量下降了；闲聊的人越来越多，谈论乱78糟事情的人也越来越多了。……看来是时候该写一点东西出来，鼓舞一下网站重构人员的士气和给大家树立一 个明确的目标。

回到主题，关于WEB2.0的。对于这个名词应该对大家都不陌生。这几年的中国互联网闹得沸沸扬扬的，有人推 崇，有人认为炒作。然而这些人都知道WEB2.0么？没错，我的矛头不单是指向各个互联网企业的C[X]O，还有那些若干想靠一篇评论出位的 bloger。或者大家也会觉得我是这样的一个人，那我们一起先来看看我们现在所知道的WEB2.0的几点：

  • WEB2.0是一个并非以技术为主导的概念；
  • WEB2.0是以一系列网站做为代表的统称；
  • WEB2.0是以用户作为内容来源的；
  • WEB2.0是出自于2004年3月，在欧雷利媒体公司（O’Reilly Media Inc.）在线出版及研究的副总裁戴尔·多尔蒂（Dale Dougherty）之手。

这 里要说说的就是从这里的提出人和公司。Dale Dougherty是最早提出API的人之一。对于这样的一个技术型的人说出了一个并非以技术作为主导的概念，单是这一点就可以认定这个是一个不可让人相 信的骗局。记得EMU说过的这样的一句话：“一个有技术影响力的技术型的人，一旦从事的工作失去了技术影响力就是说已经没有了影响力。当没有了影响力他从 事的任何工作都会失去信心，进而失效。”

另外的一方面来说，一系列的网站作为代表的统称。那是否按照那些网站的模式和架构就是叫做WEB2.0时代的网站呢？所以出现了这么多“找死的WEB2.0”。因为从一个终点描述去多向发展是根本不可能到达所谓的终点的。

第三点，很多所谓的内容为王，进而的还有以用户作为内容来源。那么我们的用户在哪里来？是不是就是说国内的除了Tencent、Taobao等这些有着大型用户群体的公司以外别的公司都没法进入WEB2.0？

大家可以看到就依耐Tim O'Reilly整理后的演讲一文《What is WEB2.0》（官方指定译文）当中，被国人传达后所注重的几点是那么的漏洞百出。也就正如页面界没有人不知道的一本书《网站重构》到了中国就变成了DIV+CSS。但是大家不知道有没有认真地读过这本书，里面有着Jeffrey Zeldman所 说这样的一句话——“即大量的使用div标签作为结构元素，没有固定的标准和道理说不行，但事实上这是一种更高级的table滥用。”原文为“Well, if know anything about templates, you will know that you can use tables or <div> tags. Well, it's the same for nested templates. In other words, if you wanted to yank out the tables and replace them with <div> tags, you still can use nested templates and it will still work. There is no rule or technical reason that says you can't use <div> tags in templates or nested templates or library items.”（网络的出处）。所以真正阻碍我们的发展的并不是我们“拿来”的别人的书，而是那些鲁迅笔下的被无形的手掐着的鸭子。

然而本文并不是单纯的像很多人一样只是说出他的问题而不去解决它，也就是我想让大家知道的WEB2.0的单手原则。按照Tim O'Reilly的演讲中后半段以及Dale Dougherty的意向我们可以将中间的所提到的技术合并同类项按照历史中出现的顺序归结为以下的5点（如RSS和XML合并到XHML一类等）：

  1. API
  2. XHTML
  3. CSS
  4. AJAX
  5. SEO

我们再将以上5个技术点按照我们手指的先后分别命名：

WEB2.0单手原则

我们大家再将自己的一只手竖起来，正如你在物理课上面学“右手定律”和“左手定则”一样跟着我做一个试验：（当然前提是基于一个身体正常的人类）将任意一只手指单独的弯曲到贴近手心，看看其余的四只手指是否还能与手背成一直线并且舒适。大家是否发现了一些奇异的事情：单只手指弯曲的时候，只有拇指[API]才能完成指定动作。

我们看看这说明了什么：

当单项技术结合到落实的时候，只有单做API能完成任务。然而单做API在我们看来在互联网当中应当只有我们的用户，因为这些用户只会不断地开源自己的“接口”（这里先不讲技术上的API），不断地输出我们想要的资料和信息，同时我们的WEB2.0也是能单靠这一点可以先存活下来的，也就是我们常见的VC砸钱。在这样的WEB2.0时代，冒头的产品就已经很困难了；生存下去就更加的困难，而且在一种无期的持久战中折腾于一个存活阶段却不懂得使用这些技术手法去维持自己的生计，不会开源节流就是等同于自己找死。

举例一一的说明，比如尾指[SEO]也就是大家常见的垃圾站，没有什么技术技巧单纯的作静态页面，被移动封杀以后多少垃圾站站长要被迫转型为服务器提供商。接着是无名指[AJAX]，这里就想以饭否为 例说一说，之前在群里和人打赌过一顿饭他们不能支撑过两年，除非转型。不看好他的原因是因为过多的使用服务器操作，无法将页面静态化，数据静态化；这里会 有过多的流量消耗以及服务器吐页面的性能消耗。再谈到中指[CSS]，过往的WEB1.0的对应形式是什么，针对一项业务开拓新的终端平台就需要重新的招 收一批开发团队；而在WEB2.0的时代，我们只是需要用一个开发团队和一个出色的页面重构人员，通过页面当中CSS连接的media属性连接到 “screen”、“handheld”、“TV”等去展现不同的表现，从而实现开源节流。

由此可见，在WEB2.0当 中，要真正的立于不败之地就必须五个手指一同弯曲，就是五样技术一起抓。然后很多人会奇怪，SEO和AJAX两者技术而言其本身就是有所冲突的；那么他们 两者怎么能一起的并存于WEB2.0的技术领域呢？我们看一看我们的手，无名指[AJAX]和尾指[SEO]相近，相连。而在我们的产品形式当中这样的状 态就只有出现在我们的“Portal端”和“client端”。我们就应当针对用户访问最多（对于全站而言）的client端做AJAX，静态化模板、动 态拉去数据，同时也能借助AJAX的不被搜索引擎收录性保护起用户未公开发布的、加密的以及点对点的信息以及内容；而另外的一方面我们应当在portal 端进行页面文件的静态化，使得用户想要发布的信息更加容易的去被搜索引擎所收录增加网站以及用户的知名度和将信息凝聚。（这里说的是信息的本身而不是像当 前很多所谓WEB2.0网站做的用户本身，当然这里存有若干的技术细节技巧。）而另外的一方面使用完善的XHMTL（当中包括语义化的页面文件和RSS） 表现页面结构，和使用多向的CSS作为多平台终端的低成本扩展。最后使用多支持性的插件和标准化的API（这里指的就是技术上的API）去蚕食那些不属于你的互联网领地，就比如饭否的插件（11个blog服务商）、以及叽歪的输入途径（9种）和API这一块个人觉得就做得非常的成功；相比起来当前的其它老大哥反倒表现出一种“吃老本”的味道，比如“搬家工具”失势的blogcn，输入途径失势的滔滔……等等。

这 个定则放在我这里已经快一年了。一直本着看3做2说1的方式，然而这个3看了做了也快一年了；到现在才把他说出来皆因暂时心里面还没有看到一个更高的3。 不过我相信“舍得”——有舍必有得，正如当初想通这些前也是经历着这样的没有3的阶段。但现在的状况是确实需要把他写出来的。大家也可以看到这里当中提到的五样技术都是我们网站重构人员的职责范围（是指网站重构而非页面重构和页面制作），所以我们应当有责任也有义务去把中国的WEB2.0做好。虽然我们只是技术层面，而真正的WEB2.0当然还有有其他层面的把握。不过本定则当中的一些实现细节技巧因为商业保密原则不能公开，希望大家原谅。


原文地址：http://www.twinsenliang.net/skill/20080101.html

看了腾讯的招聘网站,

作者: 阿肆 发表时间: December 3, 2008 分类: WebBuild 5条评论

下面这张图是在腾讯校园招聘的"招聘行程"页面抓下来的(使用的浏览器是Firefox3)：

主要内容是图上标明(3)的地方，但是在Firefox、Chrome、Safari浏览器下，这部分等于是完全不可以见的。同时这里是通过iframe引用的另外一个页面，如果引用的是一个动态页可能还想得通，因为可能为了方便修改数据，但是引用的却是一个html静态页面，似乎就没有必要了。

"返回首页"的按钮设置在了(2)的位置而这里的"首页"又指的是哪一页呢？tencent首页，招聘首页，还是校园招聘首页？在位置(1)的地方你想或许有个回到招聘首页的连接吧？没有！那里就是一副图片。

下面这张图片依旧是Firefox用户的优待：

有趣的是,城市是你无法选择到的,如果你使用的是Firefox浏览器。

招聘虽然没必要做成淘宝/支付宝UED那么cool，或者豆瓣那么的有意思，但是至少要能使用吧？看腾讯招聘中多个职位需要”熟悉LINUX/UNIX操作和开发环境“，而真正在linux环境下的用户却无法到达腾讯，因为他们通向腾讯的大门（招聘网站）是ie only的，而他们却没有ie（如果没有双系统的话）。

今天看了twinsenliang的博客,知道腾讯缺的不是前端人员,他们有很不错的前端人才!

-12月04日

页码：

    1. 1