今天无意中发现的，我登WEBQQ后，想看看它的效果怎么写出来的，于是查看源代码，结果在最底部有一段腾讯前端工程师写的注释(日志)：

【云云无情，腾腾有爱】
如果你没有100个“往来”好友，那就来腾讯领红包吧！红包精彩，腾讯更精彩！
http://www.ipresst.com/jointencent

-------------华丽的分割线-------------

【前端特工】 “据内线消息，TX公司将于近期推出一个新的HTML5重磅产品。 公司担心该产品会带来威胁，特命你潜入TX，探查底细……” http://codestar.alloyteam.com

于是我打开网址。。。。。

第一关

查看网络，返回一段JSON，意思是修改隐藏域TIMESTMP时间戳，用JS（new Date().getTime()）获取时间戳后再提交就可以通关

第二关

主要是CSS3知识，通过添加CSS3代码，把下面的图型做成上面的效果

我的效果图如下：

源码：

1. <style>
2. #m1{
3. width:40px;
4. height:60px; 
5. background:#555555; 
6.  
7. border-top-left-radius:20px 30px;
8. border-top-right-radius:20px 30px;
9. border-bottom-right-radius:20px 30px;
10. border-bottom-left-radius:20px 30px;
11. }
12. #m2
13. {
14.     width:0;
15.     height:0;
16.     border-width:20px 10px 20px 0;
17.     border-style:solid;
18.     
19.     border-left:6px solid transparent;
20.     border-right:6px solid #000;
21.     border-top:10px solid transparent;
22.     border-bottom:10px solid transparent; 
23.     -ms-transform: rotate(-60deg);
24.     -ms-transform-origin:right top;
25.     
26.     -moz-transform: rotate(-60deg);
27.     -moz-transform-origin:right top;
28.  
29. }
30. </style>

第三关

第三关是写CODETANK，打败任一个TANK就行了，之前玩过，直接把我的TANK代码，网上找个开源的玩家，看下他的TANK代码，再修改你的TANK代码，运行一下就可以了，当然我的是写好了的

我还是发一个我写的吧

1. /**    
2.  * CODETANK 
3.  * Copyright (c) 2012, Tencent AlloyTeam, All rights reserved.
4.  * http://CodeTank.AlloyTeam.com/
5.  *
6.  * @version     1.0
7.  * @author      TAT.Csonlai
8.  *
9.  *  .d8888b.                888      88888888888               888   TM   
10.  * d88P  Y88b               888      ````888````               888      
11.  * 888    888               888          888                   888      
12.  * 888         .d88b.   .d88888  .d88b.  888  8888b.  88888b.  888  888 
13.  * 888        d88""88b d88" 888 d8P  Y8b 888     "88b 888 "88b 888 .88P 
14.  * 888    888 888  888 888  888 88888888 888 .d888888 888  888 888888K  
15.  * Y88b  d88P Y88..88P Y88b 888 Y8b.     888 888  888 888  888 888 "88b 
16.  *  "Y8888P"   "Y88P"   "Y88888  "Y8888  888 "Y888888 888  888 888  888 
17.  * 
18.  */
19.  
20.  Jx().$package(function(J){
21.     var count = 0; // Keeps track of how long we've
22.     // been searching for our target
23.     var gunTurnAmt; // How much to turn our gun when searching
24.     var trackName; // Name of the robot we're currently tracking
25.     Robot = new J.Class({extend : tank.Robot},{
26.  
27.         /**
28.         *robot主函数
29.         **/    
30.         run:function(){
31.             this.setUI(tank.ui["green"]);
32.             this.loop(function(){
33.                 this.say("转到你晕~~~~","orange");
34.                 this.setTurn(10000);
35.                 this.ahead(10000);
36.             });
37.         },
38.         onHitWall:function(e){
39.             this.back(10);
40.         },
41.         onHitRobot:function(e){
42.             if(e.getBearing()<10>>e.getBearing()>-10){
43.                 this.fire(3);
44.             }
45.         },
46.         onScannedRobot:function(e){
47.             this.fire(3);
48.         }
49.  
50.     });
51. });

新建一个TANK，直接复制上去，一般的TANK应该可以打过的！嘿嘿

第四关

就是一段JS数组的用法，简单，但是要有一定的基础

第五关

本以为要一个二叉树权重算法的，结果没想到简简单单一个寻路就过了

最后就通关啦！

怎么样，你也去试试吧！！