Taobao ued front-end Zhiyong large entries (third season).

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

In the afternoon of micro-blog see Taobao Zhiyong large through third seasons of information, feel very interesting, so I try to do. Attach the topic.:

Also available at the independent blog view: front-end Zhiyong large entries (third season).

First breakthrough, lock the door

Methods 1

This problem is relatively simple, view the source code can see the message:

1 <!--
2 -====================================
3 - call powder.blow () show fingerprints!
4 -====================================
5 -->

As long as the number of calls in the console in powder.blow () function can be seen on the picture of fingerprint information. Then try to mix it up a few numbers. As shown below:

淘宝智勇大闯关 第一题

Methods 2


Another relatively simple method is to add a breakpoint monitoring PWD value, as shown below, the answer is three numbers in the array:

淘宝智勇大闯关 第一题 监控pwd

Second laser, direction

The transform attribute this problem mainly on CSS3, first in the grey piece of the lower right corner of the (#ma) to add style, then adjust the top value, the style is as follows:

1 #ma {
2     top: 549px;
3     left: 960px;
4     -webkit-transform: rotate(-82deg);  
5 }

Then you will see the interface has a black spot, and then adjust the grey small upper left (#mb), adjustment method ibid, eventually style:

1 #mb {
2     left: 550px;
3     top: 425px;
4     -webkit-transform: rotate(169deg);
5 }

The final result as below, can cross the border.

淘宝智勇大闯关 第二题

Third coordinate, the hidden clues

This topic mainly inspects the canvas drawing, view the source code, the page will prompt information (a bunch of numbers), these figures actually draw the coordinate.

var str = "0,0,12,12 12,0,12,12 24,0,12,12 36,0,12,12 48,0,12,12 60,0,12,12 72,0,12,12 120,0,12,12 132,0,12,12 144,0,12,12 168,0,12,12 180,0,12,12 192,0,12,12 204,0,12,12 216,0,12,12 228,0,12,12 240,0,12,12 0,12,12,12 72,12,12,12 96,12,12,12 108,12,12,12 120,12,12,12 144,12,12,12 168,12,12,12 240,12,12,12 0,24,12,12 24,24,12,12 36,24,12,12 48,24,12,12 72,24,12,12 120,24,12,12 132,24,12,12 144,24,12,12 168,24,12,12 192,24,12,12 204,24,12,12 216,24,12,12 240,24,12,12 0,36,12,12 24,36,12,12 36,36,12,12 48,36,12,12 72,36,12,12 96,36,12,12 108,36,12,12 144,36,12,12 168,36,12,12 192,36,12,12 204,36,12,12 216,36,12,12 240,36,12,12 0,48,12,12 24,48,12,12 36,48,12,12 48,48,12,12 72,48,12,12 108,48,12,12 144,48,12,12 168,48,12,12 192,48,12,12 204,48,12,12 216,48,12,12 240,48,12,12 0,60,12,12 72,60,12,12 96,60,12,12 132,60,12,12 168,60,12,12 240,60,12,12 0,72,12,12 12,72,12,12 24,72,12,12 36,72,12,12 48,72,12,12 60,72,12,12 72,72,12,12 96,72,12,12 120,72,12,12 144,72,12,12 168,72,12,12 180,72,12,12 192,72,12,12 204,72,12,12 216,72,12,12 228,72,12,12 240,72,12,12 108,84,12,12 0,96,12,12 12,96,12,12 24,96,12,12 36,96,12,12 48,96,12,12 72,96,12,12 84,96,12,12 96,96,12,12 132,96,12,12 156,96,12,12 180,96,12,12 204,96,12,12 228,96,12,12 0,108,12,12 24,108,12,12 36,108,12,12 60,108,12,12 120,108,12,12 132,108,12,12 144,108,12,12 156,108,12,12 168,108,12,12 216,108,12,12 240,108,12,12 12,120,12,12 36,120,12,12 48,120,12,12 60,120,12,12 72,120,12,12 84,120,12,12 108,120,12,12 120,120,12,12 144,120,12,12 168,120,12,12 180,120,12,12 228,120,12,12 24,132,12,12 36,132,12,12 60,132,12,12 84,132,12,12 96,132,12,12 108,132,12,12 120,132,12,12 132,132,12,12 144,132,12,12 156,132,12,12 168,132,12,12 204,132,12,12 216,132,12,12 0,144,12,12 12,144,12,12 24,144,12,12 48,144,12,12 72,144,12,12 84,144,12,12 96,144,12,12 108,144,12,12 144,144,12,12 180,144,12,12 204,144,12,12 228,144,12,12 96,156,12,12 108,156,12,12 120,156,12,12 144,156,12,12 180,156,12,12 204,156,12,12 216,156,12,12 228,156,12,12 240,156,12,12 0,168,12,12 12,168,12,12 24,168,12,12 36,168,12,12 48,168,12,12 60,168,12,12 72,168,12,12 96,168,12,12 108,168,12,12 120,168,12,12 132,168,12,12 156,168,12,12 192,168,12,12 204,168,12,12 216,168,12,12 228,168,12,12 0,180,12,12 72,180,12,12 108,180,12,12 180,180,12,12 192,180,12,12 204,180,12,12 216,180,12,12 228,180,12,12 0,192,12,12 24,192,12,12 36,192,12,12 48,192,12,12 72,192,12,12 96,192,12,12 108,192,12,12 120,192,12,12 132,192,12,12 156,192,12,12 192,192,12,12 228,192,12,12 0,204,12,12 24,204,12,12 36,204,12,12 48,204,12,12 72,204,12,12 96,204,12,12 120,204,12,12 132,204,12,12 144,204,12,12 156,204,12,12 168,204,12,12 180,204,12,12 204,204,12,12 216,204,12,12 0,216,12,12 24,216,12,12 36,216,12,12 48,216,12,12 72,216,12,12 96,216,12,12 144,216,12,12 168,216,12,12 180,216,12,12 204,216,12,12 216,216,12,12 0,228,12,12 72,228,12,12 96,228,12,12 132,228,12,12 144,228,12,12 156,228,12,12 168,228,12,12 180,228,12,12 204,228,12,12 216,228,12,12 0,240,12,12 12,240,12,12 24,240,12,12 36,240,12,12 48,240,12,12 60,240,12,12 72,240,12,12 96,240,12,12 108,240,12,12 120,240,12,12 144,240,12,12 228,240,12,12"
var arr = str.split(" ");
var drawing = document.getElementById('qr-canvas');
var context = drawing.getContext('2d');
context.fillStyle = "#000";
for(var i = 0; i <arr.length; i++){
    var tmp = arr[i].split(',');
    context.fillRect(tmp[0],tmp[1],tmp[2],tmp[3]);
}

Put the string STR digital information page of the add in the code above, and then copy the code to the console can cross the border.

淘宝智勇大闯关 第三题

Fourth patterns, crazy speculation

Fourth questions on a wide range of knowledge, each people problems may not be the same. The answer involves:

 1 Operating system: Ubuntu
 2 Manager: NPM
 3 Open source program name: WordPress
 4 IDE: sublime
 5 The PS shortcut: v
 6 Web site: stackoverflow.com and w3.org
 7 Taobao icon scheme: sprite
 8 The circular pattern (markup language): PHP
 9 The template language: Jade
10 Style language: less
11 The front-end database(.zip...): underscore
12 Tool(Running ... task): grunt
13 Open source projects: WordPress

The fifth problem finding, endless room

Method

Replace the & in the address bar of the most simple method is to use NEXT ROOM in the number of; room= numbers, and then give the #message information accumulated. It is one of the way, but can pass.

Methods two

But the console prompt information:

jQuery is ready for you.

So can request with jQuery through Ajax, finally get the next address, code is as follows

(function(){
    var str = '';
    var startRoom = $("#next-room").text();
    getMessage(startRoom);

    function getMessage(room){
        $.ajax({
            url: location.pathname + location.search.replace(/room\=\d+/, 'room=' + room),
            dataType: 'html',
            type: 'get',
            success: function(res) {
                var nextRoom = $("#next-room", $(res)).text();
                if (nextRoom) {
                    str += $("#message", $(res)).text();
                    console.log("Is entering the "+ nextRoom +" room, please wait...");
                    setTimeout(function() {
                        getMessage(nextRoom);
                    }, 3000);
                }else{
                    str += $("#message", $(res)).text();
                    console.log('Complete message information is: ' + str);
                    console.log('The next level address' + location.host + str.substring(str.indexOf('/')));
                }
            }
        });
    }
})()

Screenshot below:

淘宝智勇大闯关 第五题

Sixth questions to eliminate the last task!

Methods 1

This problem only in the input box embedded style can be:

<style>
    .cover{ position: absolute; z-index: 9999999999; top: 330px; left: 582px!important;}
</style>

Several points:

Methods 2

This method is the method of cheating, do not advocate. Console input:

var t=KISSY;
e=t.DOM;
window.location=Base64.decode(e.attr("#page","data-p"));

It is only the result of their own, we have a good answer to welcome supplement.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download

Posted by Sandra at November 15, 2013 - 5:19 PM