信的規(guī)則進(jìn)行了調(diào)整

希望大家看完故事多點(diǎn)“在看”，喜歡的話也點(diǎn)個(gè)分享和贊

這樣事兒君的推送才能繼續(xù)出現(xiàn)在你的訂閱列表里

才能繼續(xù)跟大家分享每個(gè)開懷大笑或拍案驚奇的好故事啦~

話說(shuō)，很多人都喜歡用寶石來(lái)作為自己時(shí)尚的搭配。

在美國(guó)有這么一位名叫利爾·烏茲·弗特（Lil Uzi Vert）的說(shuō)唱歌手，他最近就買到了一顆巨大的粉鉆來(lái)裝飾自己。

但跟別人不一樣的是，他沒有把寶石做成項(xiàng)鏈、戒指一類的首飾，而是直接把寶石鑲在自己的頭上……

事情是這么一回事，

在1月31日，烏茲發(fā)了一條推特，慶祝自己終于買下了一顆10-11克拉的粉鉆：

“最近幾年，我一直在從某寶石品牌那分期購(gòu)買一顆粉鉆。

這鉆石太貴了，從我2017年第一次看到它，到現(xiàn)在，我才終于把錢付齊。

現(xiàn)在啊，我這臉可老值錢了！”

在這里先簡(jiǎn)單的介紹一下，

這個(gè)烏茲先生，其實(shí)是一位很成功的說(shuō)唱歌手。

專輯銷量驚人，歌曲也總能登上排行榜，

而且他的生活也并不缺錢，

擁有好幾輛二次元跑車，

在夏威夷住著別墅……

就這樣一名著名的Rapper，硬是分了3年才買下這一顆粉鉆。

大家猜猜這粉鉆得值多少錢？

2400萬(wàn)，美元。

根據(jù)烏茲的說(shuō)法，這鉆石比他的房子和車加起來(lái)都要貴。

“所以，這鉆石比你那一堆車都貴？”

“是啊，比我的布加迪還貴呢。大概是我所有車再加上房子的價(jià)值。

所以我才湊了3年錢啊。”

而在買到這顆鉆石之后，不知道烏茲是出于什么樣的考慮，

總之他沒有拿鉆石來(lái)做項(xiàng)鏈或者戒指，而是直接把石頭鑲嵌到自己的額頭上，

當(dāng)一個(gè)名副其實(shí)的“首飾”。

而且他還特意開直播分享他的新“首飾”。

在視頻里他介紹說(shuō)，

現(xiàn)在他是把額頭扎了個(gè)洞，然后把鉆石別在上面了。

現(xiàn)在鉆石還會(huì)左右晃，沒有固定牢，

等額頭消腫之后，他會(huì)再扎個(gè)洞，來(lái)固定住這顆鉆石。

（烏茲在晃動(dòng)鉆石）

過了一天，烏茲又發(fā)了個(gè)視頻顯擺自己的鉆石。

只見車?yán)镆黄岷冢挥蓄~頭上的鉆石在閃閃發(fā)光……特別明顯……

怎么說(shuō)呢，

雖然有錢人的愛好跟我們都不太一樣，但烏茲這個(gè)，也太別致了……

網(wǎng)友們真的是沒辦法理解，于是紛紛開起了吐槽模式：

“鉆石沒跟你鼻子對(duì)齊啊！難受死我了！”

“這哥們兒真就花了2400萬(wàn)美元，買了塊他看不見的石頭？”

更多的網(wǎng)友在看到烏茲的樣子后，立刻想到了漫威超級(jí)英雄電影里，被滅霸摳了寶石的幻視：

“等你遇到搶劫的時(shí)候就是這樣的：”

“上一個(gè)這么玩的已經(jīng)褪色了：”

也有網(wǎng)友表示，把2400萬(wàn)美元戴在臉上，是不是太招搖了？

“兄弟，你下次見面會(huì)是啥時(shí)候？（我準(zhǔn)備好鎬子挖礦了）”

“沒錯(cuò)，我們現(xiàn)在流行把錢曬腦門兒上！”

另外呢，因?yàn)闉跗澅救耸且粋€(gè)資深二次元，

所以還有不少網(wǎng)友用動(dòng)漫人物調(diào)侃他：

比如《口袋妖怪》里的寶石海星：

（“我這小老弟進(jìn)化成寶石海星了！！！”）

還有烏茲最愛的漫畫，《火影忍者》，

（“生活脫胎于藝術(shù)”）

除此之外還有經(jīng)典的JoJo梗：

還有網(wǎng)友聯(lián)想到了《瑞奇與莫迪》中的某一集，

但無(wú)論網(wǎng)友們?cè)趺凑f(shuō)，

烏茲對(duì)于他的這個(gè)新首飾顯然是很滿意的。

他還在社交平臺(tái)上發(fā)了自己最近戴著鉆石錄音的照片，

表示自己在腦袋上開了個(gè)洞之后腦洞大開，創(chuàng)意無(wú)限……

咋說(shuō)呢，雖然人家沒偷沒搶，不應(yīng)該嘲笑人家，但還是得說(shuō)一句，有錢人的玩法真的讓人難以理解啊……

ref：

https://twitter.com/LILUZIVERT/status/1357140185222434816

https://www.dailymail.co.uk/news/article-9220821/Rapper-Lil-Uzi-Vert-gets-11-karat-pink-diamond-worth-upwards-24million-pierced-FOREHEAD.html

--------------------

北雁兮南飛：可以的，二郎神了啦！

快扶本座去看喵星人：像我這種睡覺不老實(shí)的，已經(jīng)可以想象到，趴著睡時(shí)，鉆勾到我外婆縫被子的線而扯出血了

sychopathicCrush13：很好奇會(huì)不會(huì)有人想要鉆石直接把他的頭砍下來(lái)

上海第一小狗餅干：為了riri他要shine bright like a diamond

一頓喝牛奶喝一斤：這個(gè)鑲嵌的位置設(shè)定好像喪尸啊，變異了之后就是可以提高身體上限的尸晶

BrandonFlynn資訊：我覺得還挺好看，一定是金錢迷失了我雙眼

TML稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。在前端開發(fā)中離不開HTML，支持不同數(shù)據(jù)格式的文件鑲?cè)搿Ｇ岸斯こ處熢诿嬖囘^程中涉及到一些基礎(chǔ)知識(shí)，常見的前端HTML面試題有哪些呢？本文，千鋒武漢Web前端培訓(xùn)小編分享12道經(jīng)典的HTML面試題給大家！

1、<image>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？

alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說(shuō)明的。且長(zhǎng)度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。

這包括那些使用本來(lái)就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。

title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。參考《alt和title屬性的區(qū)別及應(yīng)用》

2、分別寫出以下幾個(gè)HTML標(biāo)簽：文字加粗、下標(biāo)、居中、字體

加粗：<b>、<strong>

下標(biāo)：<sub>

居中：<center>

字體：<font>、<basefont>、參考《HTML標(biāo)簽列表》

3、請(qǐng)寫出至少5個(gè)html5新增的標(biāo)簽，并說(shuō)明其語(yǔ)義和應(yīng)用場(chǎng)景

section：定義文檔中的一個(gè)章節(jié)

nav：定義只包含導(dǎo)航鏈接的章節(jié)

header：定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo、頁(yè)面標(biāo)題和導(dǎo)航性的目錄。

footer：定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。

aside：定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。

參考《HTML5 標(biāo)簽列表》

4、請(qǐng)說(shuō)說(shuō)你對(duì)標(biāo)簽語(yǔ)義化的理解？

a. 去掉或者丟失樣式的時(shí)候能夠讓頁(yè)面呈現(xiàn)出清晰的結(jié)構(gòu)

b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重；

c. 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來(lái)渲染網(wǎng)頁(yè)；

d. 便于團(tuán)隊(duì)開發(fā)和維護(hù)，語(yǔ)義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。

5、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?

聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器以何種模式來(lái)渲染文檔。

嚴(yán)格模式的排版和 JS 運(yùn)作模式是，以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。

在混雜模式中，頁(yè)面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。

DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。

6、你知道多少種Doctype文檔類型？

標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。

HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset。

XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。

Standards （標(biāo)準(zhǔn)）模式（也就是嚴(yán)格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁(yè)，

Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計(jì)的網(wǎng)頁(yè)。

7、HTML與XHTML——二者有什么區(qū)別

a. XHTML 元素必須被正確地嵌套。

b. XHTML 元素必須被關(guān)閉。

c. 標(biāo)簽名必須用小寫字母。

d. XHTML 文檔必須擁有根元素。

參考《XHTML 與 HTML 之間的差異》

8、html5有哪些新特性、移除了那些元素？

a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。

b. 拖拽釋放(Drag and drop) API

c. 語(yǔ)義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）

d. 音頻、視頻API(audio,video)

e. 畫布(Canvas) API

f. 地理(Geolocation) API

g. 本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失

h. sessionStorage 的數(shù)據(jù)在頁(yè)面會(huì)話結(jié)束時(shí)會(huì)被清除

i. 表單控件，calendar、date、time、email、url、search

j. 新的技術(shù)webworker, websocket等

移除的元素：

a. 純表現(xiàn)的元素：basefont，big，center, s，strike，tt，u；

b. 對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；

9、iframe的優(yōu)缺點(diǎn)？

優(yōu)點(diǎn)：

a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題

b. iframe無(wú)刷新文件上傳

c. iframe跨域通信

缺點(diǎn)：

a. iframe會(huì)阻塞主頁(yè)面的Onload事件

b. 無(wú)法被一些搜索引擎索引到

c. 頁(yè)面會(huì)增加服務(wù)器的http請(qǐng)求

d. 會(huì)產(chǎn)生很多頁(yè)面，不容易管理。

參考《iframe的一些記錄》

10、Quirks模式是什么？它和Standards模式有什么區(qū)別？

在寫程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問題，如何保證原來(lái)的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時(shí)。IE6以前的頁(yè)面大家都不會(huì)去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個(gè)頁(yè)面將采用對(duì)CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。

區(qū)別：總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。

a. 盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。

b. 設(shè)置行內(nèi)元素的高寬：在Standards模式下，給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效，而在quirks模式下，則會(huì)生效。

c. 設(shè)置百分比的高度：在standards模式下，一個(gè)元素的高度是由其包含的內(nèi)容來(lái)決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個(gè)百分比的高度是無(wú)效的用

d. 設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會(huì)失效。

11、請(qǐng)闡述table的缺點(diǎn)

a. 太深的嵌套，比如table>tr>td>h3，會(huì)導(dǎo)致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。

b. 靈活性差，比如要將tr設(shè)置border等屬性，是不行的，得通過td

c. 代碼臃腫，當(dāng)在table中套用table的時(shí)候，閱讀代碼會(huì)顯得異常混亂

d. 混亂的colspan與rowspan，用來(lái)布局時(shí)，頻繁使用他們會(huì)造成整個(gè)文檔順序混亂。

e. 不夠語(yǔ)義

參考《為什么說(shuō)table表格布局不好？》

12、簡(jiǎn)述一下src與href的區(qū)別

src用于替換當(dāng)前元素；href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。

src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置

href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接

以上千鋒武漢Web前端培訓(xùn)小編僅介紹了部分HTML面試題及答案。如果想要在眾多競(jìng)爭(zhēng)者中脫穎而出，除了專業(yè)技能還需要掌握一些求職面試的技巧，在面試過程中爭(zhēng)取更多的主動(dòng)權(quán)。了解更多Web前端工程師求職面試技巧，你可以關(guān)注“武漢千鋒”微信公眾號(hào)，定期發(fā)布技術(shù)熱點(diǎn)文章和求職指南。你也可以來(lái)千鋒武漢Web前端培訓(xùn)班免費(fèi)試聽兩周，親身感受教學(xué)效果，滿意后進(jìn)行系統(tǒng)深入的學(xué)習(xí)進(jìn)階！

千鋒武漢Web前端培訓(xùn)課程結(jié)合時(shí)下流行技術(shù)，以實(shí)戰(zhàn)項(xiàng)目驅(qū)動(dòng)教學(xué)，除了培養(yǎng)學(xué)員的開發(fā)技術(shù)，覆蓋熱門大數(shù)據(jù)可視化內(nèi)容，深度貫穿前端后端開發(fā)，緊貼主流企業(yè)一線需求。這里有專業(yè)老師帶你，最多半年的時(shí)間讓你完美蛻變。進(jìn)名企、拿高薪不再是問題，命運(yùn)掌握在自己的手里，想要什么樣的人生就看你自己的選擇了！