Tx特工第一季

tx, 特工

从腾讯招聘微信看到的：http://codestar.alloyteam.com/1/1 ，有些意思。我的过程无厘头。

1/1

这一关的输入名字与邮箱。想当然地，很简单了。但是，输入相关项后，居然还是不能进入。这也是特工任务－－走后门？tx提倡走后门吗，节操何在？

抓包？Firefox 用户的优势体现出来了，firebug或者自带控制台的也行。请求信息中，会返回错误，其中提示没有timestamps。

好吧，从命令行中，敲入并执行：

1

$('input[name=timestamps]').value=(new Date()).valueOf()

OK，点击「打开」吧。

1/2

这个画企鹅的事，我从来没有想过。关于这自栩的事，好吧，不说了。

但是题目让我迷惑了很久！

第一个题目还简单：

1

border-radius: 50%;

第二个我实在想了好久，真心的。一直找到 border-corner-shape这一属性，其中还看到http://lea.verou.me/2013/03/border-corner-shape-is-in-danger-and-you-can-help/ 。但结果还是不出来，可能是firefox不支持，或者是tx的js测试响应程序不支持？

没办法，只能看看页面了。幸运的是，页面的注释中有，

可参考 http://www.alloyteam.com/2012/10/css3-draw-qq-logo/

看了里面的方法，思想开朗了。之前的css运用中，一直没有注意啊，border 还有这一模型：

border.png

代码：

1
2
3
4
5
6
7

  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  transform-origin: top right;
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);

  ...

http://jsfiddle.net/shatle/fgLLS/

1/3

这个吧，实在没心思和时间看API文档，直接收藏了牛人的代码，然后「开战」…

1/4

第一灯，数组克隆：

1
2
3

var clone = function(arr){
return arr.slice(0);
}

二灯，字符串去前后空格trim：

开始想偷工减料的：

1

str.ltrim().rtrim();

但是不行啊，后来是：

1

str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');

不过，这个应该也行

1

str.replace(/^\s+|\s+$/g,'');

三灯，NodeList to Array：

1

Array.prototype.slice.call(list);

1/5

找出数字和为最大的路径。其实我是看感觉点的，基本的思路是：首先，从底往上，找出每行的最大数的方位；从上往下，预估两三行吧，差不多的，然后就过了。

Comments