資訊專欄INFORMATION COLUMN
摘要：找一個解碼的網(wǎng)站，輸入這個字符串，得到信息果然仍然切換到標簽，查找哈哈，下一關(guān)第關(guān)這一關(guān)仍然是這個套路，不過搜索之后發(fā)現(xiàn)怎么沒有呢不著急，看看里應(yīng)該就在下的右邊。
前言
IMWebConf 2017 ←這是官網(wǎng)
然后看到了這個：
所以就試了下，作為一個前端菜鳥，發(fā)現(xiàn)通關(guān)還挺簡單的，不過每個方面的知識都涉及到一點，所以在這里總結(jié)一下。
下面進入正題。
第 0 關(guān)就在這個頁面打開控制臺就能看到這個信息：
window.location.search.match(/imweb-magic-land/) == true
在Google搜索 window.location.search ，順便打開控制臺試一下 ：
應(yīng)該明白了吧？這個指的就是url后面帶的參數(shù)，那么要為 true 的話，就在url后加上 ?imweb-magic-land
變成這樣：http://2017.imweb.io/?imweb-m...
順利進入下一關(guān)~！
第 1 關(guān)打開上面的url，控制臺輸出了這樣的信息：
這個簡單，切換到Elements標簽，然后搜索 portal ，可以看到一個id為 portal 的p標簽：
這串數(shù)字就是進入下一關(guān)的參數(shù)啦~
不過直接在控制臺輸入 window.location.search = document.getElementById("portal").innerText
就可以自動跳轉(zhuǎn)了~
這一關(guān)真的沒難度，切換到 Application 選項卡，打開 localStorage ：
key = portal的值就是下一關(guān)的參數(shù)了。
注意看最上面的一條數(shù)據(jù)，包含了當前頁的位置信息，所以每次都會不同的哦，想直接到最后一關(guān)是不行的~
第 3 關(guān)這一關(guān)就給了一條信息，只能試試看，切換到 Elements 標簽，搜索一下導(dǎo)師姓名：
哈哈果然，拿到傳送門，下一關(guān)~
第 4 關(guān)這一關(guān)給了一串‘亂碼’，不過熟悉的一看就知道這是中文經(jīng)過Encode之后的樣子。找一個解碼的網(wǎng)站，輸入這個字符串，得到信息：
果然~仍然切換到 Elements 標簽，查找：
哈哈，下一關(guān)！
第 5 關(guān)這一關(guān)仍然是這個套路，不過搜索之后發(fā)現(xiàn)怎么沒有呢？不著急，看看 style 里（應(yīng)該就在 Elements 下的右邊）。先點擊選中這個h3標簽：
這樣右邊顯示的就是當前元素的樣式:
content里的內(nèi)容就是下一關(guān)的位置了
第 6 關(guān)這一關(guān)的信息是兩串數(shù)字，一看就是時間戳嘛。
直接轉(zhuǎn)換成時間：
在 日程 > 性能 找到：
點擊頭像 5 下之后，控制臺輸出信息，下一關(guān)~
第 7 關(guān)沒有第 7 關(guān)了，到這里就結(jié)束了~
End.
后記通過六關(guān)，拿到了三張優(yōu)惠券，不過還是買不起哈哈哈。
說起來這個主要目的是宣傳，所以沒什么難度也是正常的，window.location.search 這個學(xué)習(xí)了，前段時間做實習(xí)項目，看到封裝了一個函數(shù)可以拿到url后面的信息，還感覺很神奇，結(jié)果原來是這樣子。
我的blog鏈接：blog.life1st.cn/article/IMWebConf2017_eggs
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/84942.html
摘要：找一個解碼的網(wǎng)站，輸入這個字符串，得到信息果然仍然切換到標簽，查找哈哈，下一關(guān)第關(guān)這一關(guān)仍然是這個套路，不過搜索之后發(fā)現(xiàn)怎么沒有呢不著急，看看里應(yīng)該就在下的右邊。 前言 IMWebConf 2017 ←這是官網(wǎng) 然后看到了這個：showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就試了下，作為一個前端菜鳥，發(fā)現(xiàn)通關(guān)還挺...
摘要：找一個解碼的網(wǎng)站，輸入這個字符串，得到信息果然仍然切換到標簽，查找哈哈，下一關(guān)第關(guān)這一關(guān)仍然是這個套路，不過搜索之后發(fā)現(xiàn)怎么沒有呢不著急，看看里應(yīng)該就在下的右邊。 前言 IMWebConf 2017 ←這是官網(wǎng) 然后看到了這個：showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就試了下，作為一個前端菜鳥，發(fā)現(xiàn)通關(guān)還挺...
摘要：前端日報精選的現(xiàn)狀網(wǎng)頁性能提升指南精讀現(xiàn)代概覽從入門到真實項目配置瀏覽器的渲染過程與原理動畫動畫中文第期跨瀏覽器頁的通信解決方案嘗試前端面試題及答案總結(jié)掘金周刊教程最熟悉的陌生人個人文章技術(shù)周刊期知乎專欄的缺口和中的樣式從外 2017-09-18 前端日報 精選 Web 的現(xiàn)狀：網(wǎng)頁性能提升指南精讀《現(xiàn)代 JavaScript 概覽》webpack：從入門到真實項目配置瀏覽器的渲染：過...
摘要：在開源軟件中，加彩蛋是一種樂趣，并不為奇，同為知名組件庫的項目，也經(jīng)常在文檔中埋藏很多彩蛋，不過僅僅是在文檔中，組件庫中是沒有的。本來就來介紹下我們在開源項目中是怎樣埋彩蛋的。 今天的 AntDesign 圣誕節(jié)彩蛋事件確實炸開了鍋，加彩蛋的初衷是好的，只是這次玩過了火。 在開源軟件中，加彩蛋是一種樂趣，并不為奇，同為知名 UI 組件庫的 iView 項目，也經(jīng)常在 文檔 中埋藏很多彩...
摘要：前端日報精選精讀殺雞用牛刀讓網(wǎng)頁渲染如絲順滑從上下文，到作用域彩蛋理解閉包網(wǎng)頁轉(zhuǎn)圖片技術(shù)分享中文第期反擊爬蟲，前端工程師的腦洞可以有多大浮點數(shù)陷阱及解法有用的代碼片段和免費的計算機編程類中文書籍，歡迎投稿核心特性理解 2017-10-15 前端日報 精選 精讀《css-in-js 殺雞用牛刀》WebRender：讓網(wǎng)頁渲染如絲順滑從上下文，到作用域（彩蛋：理解閉包）Vue 2.5 re...
閱讀 2060·2023-04-25 21:11
閱讀 2962·2021-09-30 09:47
閱讀 2270·2021-09-24 09:48
閱讀 4426·2021-08-23 09:43
閱讀 894·2019-08-30 15:54
閱讀 558·2019-08-28 18:01
閱讀 1396·2019-08-27 10:55
閱讀 587·2019-08-27 10:55
