成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

IMWebConf 2017 官網(wǎng)彩蛋解謎

yacheng / 3294人閱讀

摘要:找一個(gè)解碼的網(wǎng)站,輸入這個(gè)字符串,得到信息果然仍然切換到標(biāo)簽,查找哈哈,下一關(guān)第關(guān)這一關(guān)仍然是這個(gè)套路,不過(guò)搜索之后發(fā)現(xiàn)怎么沒(méi)有呢不著急,看看里應(yīng)該就在下的右邊。

前言

IMWebConf 2017 ←這是官網(wǎng)

然后看到了這個(gè):

所以就試了下,作為一個(gè)前端菜鳥(niǎo),發(fā)現(xiàn)通關(guān)還挺簡(jiǎn)單的,不過(guò)每個(gè)方面的知識(shí)都涉及到一點(diǎn),所以在這里總結(jié)一下。

下面進(jìn)入正題。

第 0 關(guān)

就在這個(gè)頁(yè)面打開(kāi)控制臺(tái)就能看到這個(gè)信息:

window.location.search.match(/imweb-magic-land/) == true

在Google搜索 window.location.search ,順便打開(kāi)控制臺(tái)試一下 :

應(yīng)該明白了吧?這個(gè)指的就是url后面帶的參數(shù),那么要為 true 的話,就在url后加上 ?imweb-magic-land

變成這樣:http://2017.imweb.io/?imweb-m...

順利進(jìn)入下一關(guān)~!

第 1 關(guān)

打開(kāi)上面的url,控制臺(tái)輸出了這樣的信息:

這個(gè)簡(jiǎn)單,切換到Elements標(biāo)簽,然后搜索 portal ,可以看到一個(gè)id為 portal 的p標(biāo)簽:

這串?dāng)?shù)字就是進(jìn)入下一關(guān)的參數(shù)啦~

不過(guò)直接在控制臺(tái)輸入 window.location.search = document.getElementById("portal").innerText
就可以自動(dòng)跳轉(zhuǎn)了~

第 2 關(guān)

這一關(guān)真的沒(méi)難度,切換到 Application 選項(xiàng)卡,打開(kāi) localStorage

key = portal的值就是下一關(guān)的參數(shù)了。

注意看最上面的一條數(shù)據(jù),包含了當(dāng)前頁(yè)的位置信息,所以每次都會(huì)不同的哦,想直接到最后一關(guān)是不行的~

第 3 關(guān)

這一關(guān)就給了一條信息,只能試試看,切換到 Elements 標(biāo)簽,搜索一下導(dǎo)師姓名:

哈哈果然,拿到傳送門,下一關(guān)~

第 4 關(guān)

這一關(guān)給了一串‘亂碼’,不過(guò)熟悉的一看就知道這是中文經(jīng)過(guò)Encode之后的樣子。找一個(gè)解碼的網(wǎng)站,輸入這個(gè)字符串,得到信息:

果然~仍然切換到 Elements 標(biāo)簽,查找:

哈哈,下一關(guān)!

第 5 關(guān)

這一關(guān)仍然是這個(gè)套路,不過(guò)搜索之后發(fā)現(xiàn)怎么沒(méi)有呢?不著急,看看 style 里(應(yīng)該就在 Elements 下的右邊)。先點(diǎn)擊選中這個(gè)h3標(biāo)簽:

這樣右邊顯示的就是當(dāng)前元素的樣式:

content里的內(nèi)容就是下一關(guān)的位置了

第 6 關(guān)

這一關(guān)的信息是兩串?dāng)?shù)字,一看就是時(shí)間戳嘛。

直接轉(zhuǎn)換成時(shí)間:

在 日程 > 性能 找到:

點(diǎn)擊頭像 5 下之后,控制臺(tái)輸出信息,下一關(guān)~

第 7 關(guān)

沒(méi)有第 7 關(guān)了,到這里就結(jié)束了~

End.

后記

通過(guò)六關(guān),拿到了三張優(yōu)惠券,不過(guò)還是買不起哈哈哈。

說(shuō)起來(lái)這個(gè)主要目的是宣傳,所以沒(méi)什么難度也是正常的,window.location.search 這個(gè)學(xué)習(xí)了,前段時(shí)間做實(shí)習(xí)項(xiàng)目,看到封裝了一個(gè)函數(shù)可以拿到url后面的信息,還感覺(jué)很神奇,結(jié)果原來(lái)是這樣子。

我的blog鏈接:blog.life1st.cn/article/IMWebConf2017_eggs

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/84942.html

相關(guān)文章

  • IMWebConf 2017 官網(wǎng)彩蛋解謎

    摘要:找一個(gè)解碼的網(wǎng)站,輸入這個(gè)字符串,得到信息果然仍然切換到標(biāo)簽,查找哈哈,下一關(guān)第關(guān)這一關(guān)仍然是這個(gè)套路,不過(guò)搜索之后發(fā)現(xiàn)怎么沒(méi)有呢不著急,看看里應(yīng)該就在下的右邊。 前言 IMWebConf 2017 ←這是官網(wǎng) 然后看到了這個(gè):showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就試了下,作為一個(gè)前端菜鳥(niǎo),發(fā)現(xiàn)通關(guān)還挺...

    dayday_up 評(píng)論0 收藏0
  • IMWebConf 2017 官網(wǎng)彩蛋解謎

    摘要:找一個(gè)解碼的網(wǎng)站,輸入這個(gè)字符串,得到信息果然仍然切換到標(biāo)簽,查找哈哈,下一關(guān)第關(guān)這一關(guān)仍然是這個(gè)套路,不過(guò)搜索之后發(fā)現(xiàn)怎么沒(méi)有呢不著急,看看里應(yīng)該就在下的右邊。 前言 IMWebConf 2017 ←這是官網(wǎng) 然后看到了這個(gè):showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就試了下,作為一個(gè)前端菜鳥(niǎo),發(fā)現(xiàn)通關(guān)還挺...

    AbnerMing 評(píng)論0 收藏0
  • 2017-09-18 前端日?qǐng)?bào)

    摘要:前端日?qǐng)?bào)精選的現(xiàn)狀網(wǎng)頁(yè)性能提升指南精讀現(xiàn)代概覽從入門到真實(shí)項(xiàng)目配置瀏覽器的渲染過(guò)程與原理動(dòng)畫動(dòng)畫中文第期跨瀏覽器頁(yè)的通信解決方案嘗試前端面試題及答案總結(jié)掘金周刊教程最熟悉的陌生人個(gè)人文章技術(shù)周刊期知乎專欄的缺口和中的樣式從外 2017-09-18 前端日?qǐng)?bào) 精選 Web 的現(xiàn)狀:網(wǎng)頁(yè)性能提升指南精讀《現(xiàn)代 JavaScript 概覽》webpack:從入門到真實(shí)項(xiàng)目配置瀏覽器的渲染:過(guò)...

    zhangwang 評(píng)論0 收藏0
  • 我們?cè)陂_(kāi)源項(xiàng)目中是怎樣埋彩蛋

    摘要:在開(kāi)源軟件中,加彩蛋是一種樂(lè)趣,并不為奇,同為知名組件庫(kù)的項(xiàng)目,也經(jīng)常在文檔中埋藏很多彩蛋,不過(guò)僅僅是在文檔中,組件庫(kù)中是沒(méi)有的。本來(lái)就來(lái)介紹下我們?cè)陂_(kāi)源項(xiàng)目中是怎樣埋彩蛋的。 今天的 AntDesign 圣誕節(jié)彩蛋事件確實(shí)炸開(kāi)了鍋,加彩蛋的初衷是好的,只是這次玩過(guò)了火。 在開(kāi)源軟件中,加彩蛋是一種樂(lè)趣,并不為奇,同為知名 UI 組件庫(kù)的 iView 項(xiàng)目,也經(jīng)常在 文檔 中埋藏很多彩...

    Little_XM 評(píng)論0 收藏0
  • 2017-10-15 前端日?qǐng)?bào)

    摘要:前端日?qǐng)?bào)精選精讀殺雞用牛刀讓網(wǎng)頁(yè)渲染如絲順滑從上下文,到作用域彩蛋理解閉包網(wǎng)頁(yè)轉(zhuǎn)圖片技術(shù)分享中文第期反擊爬蟲,前端工程師的腦洞可以有多大浮點(diǎn)數(shù)陷阱及解法有用的代碼片段和免費(fèi)的計(jì)算機(jī)編程類中文書籍,歡迎投稿核心特性理解 2017-10-15 前端日?qǐng)?bào) 精選 精讀《css-in-js 殺雞用牛刀》WebRender:讓網(wǎng)頁(yè)渲染如絲順滑從上下文,到作用域(彩蛋:理解閉包)Vue 2.5 re...

    blair 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<