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

---

文章目錄

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

---

小米首頁可以自行仿照官網進行布局，看過我文章的小伙伴應該都沒問題吧

本次項目重點在于實現一些簡單的效果，而且用的都是簡單的事件，相信大家一看就懂，下面就舉兩個例子

效果圖

先上圖

//獲取元素 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';})

這個和彈出二維碼那個是一樣的，都是鼠標經過和離開事件，再加以屬性修飾即可

詳細代碼可掃描下方二維碼回復“小米官網”下載

面試題

BOM事件?

事件就是用戶或瀏覽器自身執行的某種動作.事件可能是用戶在某些內容上的點擊、鼠標經過某個特定元素或按下鍵盤上的某些按鍵。事件還可能是 Web 瀏覽器中發生的事情，比如說某個 Web 頁面加載完成，或者是用戶滾動窗口或改變窗口大小。
通過使用 JavaScript ，你可以監聽特定事件的發生，并規定讓某些事件發生以對這些事件做出響應。
JavaScript可以處理的事件類型為：鼠標事件、鍵盤事件、HTML事件

常見BOM事件?

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

---

• 點贊加關注，持續更新實用技巧、熱門資源、軟件教程等
• 有任何 軟件 影視 教程資源 考證資料等需求留言即可
  

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。