?? 歡迎加入前端技術(shù)營！如果你也是前端學(xué)習(xí)者或者對前端有學(xué)習(xí)的想法，那就跟著我一起從零開始進(jìn)擊前端。
??致力于盡可能詳細(xì)且簡潔的介紹前端知識(shí)、自己的捷徑，也是學(xué)習(xí)路上的記錄。歡迎探討

---

文章目錄

• • 效果圖
  • 面試題
  • • BOM事件?
    • 常見BOM事件?

---

小米首頁可以自行仿照官網(wǎng)進(jìn)行布局，看過我文章的小伙伴應(yīng)該都沒問題吧

本次項(xiàng)目重點(diǎn)在于實(shí)現(xiàn)一些簡單的效果，而且用的都是簡單的事件，相信大家一看就懂，下面就舉兩個(gè)例子

效果圖

先上圖

//獲取元素 var app = document.querySelector('.app');var ewm = document.querySelector('.ewm');app.addEventListener('mouseover', function () {ewm.style.display = 'block';})app.addEventListener('mouseleave', function () {ewm.style.display = 'none';})

這個(gè)和彈出二維碼那個(gè)是一樣的，都是鼠標(biāo)經(jīng)過和離開事件，再加以屬性修飾即可

詳細(xì)代碼可掃描下方二維碼回復(fù)“小米官網(wǎng)”下載

面試題

BOM事件?

事件就是用戶或?yàn)g覽器自身執(zhí)行的某種動(dòng)作.事件可能是用戶在某些內(nèi)容上的點(diǎn)擊、鼠標(biāo)經(jīng)過某個(gè)特定元素或按下鍵盤上的某些按鍵。事件還可能是 Web 瀏覽器中發(fā)生的事情，比如說某個(gè) Web 頁面加載完成，或者是用戶滾動(dòng)窗口或改變窗口大小。
通過使用 JavaScript ，你可以監(jiān)聽特定事件的發(fā)生，并規(guī)定讓某些事件發(fā)生以對這些事件做出響應(yīng)。
JavaScript可以處理的事件類型為：鼠標(biāo)事件、鍵盤事件、HTML事件

常見BOM事件?

load：當(dāng)頁面或圖像加載完后立即觸發(fā)
blur：元素失去焦點(diǎn)
focus：元素獲得焦點(diǎn)
click：鼠標(biāo)點(diǎn)擊某個(gè)對象
change：用戶改變域的內(nèi)容
mouseover：鼠標(biāo)移動(dòng)到某個(gè)元素上
mouseout：鼠標(biāo)從某個(gè)元素上離開
keyup：某個(gè)鍵盤的鍵被松開
keydown：某個(gè)鍵盤的鍵被按下

---

• 點(diǎn)贊加關(guān)注，持續(xù)更新實(shí)用技巧、熱門資源、軟件教程等
• 有任何 軟件 影視 教程資源 考證資料等需求留言即可
  

總結(jié)

以上是生活随笔為你收集整理的小米首页效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。