大家好，我是Ned，一個(gè)剛剛?cè)腴T前端未滿兩年的大三小學(xué)生

未來路還長(zhǎng), 一起努力加油吧?~

各位掘友們，Ned在這里給各位兄弟姐妹們拜年啦~

新春這個(gè)文章說實(shí)話，經(jīng)歷了蠻多的，一開始其實(shí)我是想用做個(gè)老虎的，但是呢，失敗了。廢了好幾個(gè)小時(shí)才搞出來兩個(gè)，害，都怪我的能力連基本上手都算不上，沒咋玩明白，下次一定給大家做點(diǎn)好康的~

于是我來實(shí)現(xiàn)我的第二個(gè)創(chuàng)意了，，對(duì)聯(lián)的來源于github上一博主(倉(cāng)庫(kù)地址)，我看他倉(cāng)庫(kù)里寫了這么多創(chuàng)意滿滿的對(duì)聯(lián)，我就拿來在過年之時(shí)，跟掘友們分享一下~

還沒領(lǐng)到對(duì)聯(lián)的快去抽取屬于自己的新春對(duì)聯(lián)吧~

抽取地址：抽取你的新春對(duì)聯(lián)

我是將那位博主的對(duì)聯(lián)做成了數(shù)組來存儲(chǔ)：大致是這些字段

英文不好，拼音來湊，見諒，見諒

大致的排版有、、、，我是用cdn引入vue來做的，按鈕跟標(biāo)簽都是直接拉的組件hhh，這么說來我好像只是付出了些許創(chuàng)意？

這個(gè)css寫的真是太辣雞了，就不放出來丟人了，我看百度圖片里對(duì)聯(lián)都差不多樣子，嗯，大致也許它就長(zhǎng)這樣子！，對(duì)沒錯(cuò)

點(diǎn)擊網(wǎng)址，點(diǎn)擊按鈕：，即可獲得程序員的專屬對(duì)聯(lián)，有個(gè)壞處是字體加載太慢了(可能跟我垃圾服務(wù)器的垃圾帶寬有關(guān)系)

利用簡(jiǎn)單的一個(gè)隨機(jī)數(shù)生成器生成處于的隨機(jī)數(shù)

將數(shù)組值賦值到綁定對(duì)象即可，特別的簡(jiǎn)單~

后加的一個(gè)展開效果，就是一個(gè)改變高度的動(dòng)畫，為了不讓字體因?yàn)楦叨茸兓粩D到別的地方所以要加,兩個(gè)屬性

為了能夠每次點(diǎn)擊抽取都能觸發(fā)一次動(dòng)畫，所以用一個(gè)三目運(yùn)算符綁定他的：，在抽取函數(shù)里調(diào)整好true or false 即可。

一共有種對(duì)聯(lián)哦！加上一共22個(gè)，哈哈哈，掘友們，你們抽到心儀的了嘛~

來看看都有啥吧：

其實(shí)這個(gè)靈感主要來源于網(wǎng)上基于cnn的對(duì)對(duì)聯(lián)的人工智能，但是py咱也寫不出來，只好換個(gè)創(chuàng)意，搞一個(gè)咱程序員的對(duì)聯(lián)~

到這里整個(gè)的介紹就完事了，再次提前給各位拜年了！

祝大家工作順利，身體健康，萬事如意！