js 二級菜單鼠標(biāo)懸停顯示與離開隱藏(2020年10月24日)
2021-03-09 11:00 作者:阿-岳同學(xué) | 我要投稿
制作背景
當(dāng)時為了練手,重溫html和css語法,在仿寫百度界面的網(wǎng)頁,同時學(xué)習(xí)了一些js的基礎(chǔ),打算將百度網(wǎng)頁中的二級菜單鼠標(biāo)事件效果也做出來。于是就做了這樣一個js。其實我個人并不知道百度二級菜單是怎樣實現(xiàn)的,我只是用我想的方式來實現(xiàn)。
效果動態(tài)圖

源代碼(后)
聲明:此代碼為好友Rutubet所更改,相比以前的代碼邏輯更加清晰,更加簡潔。我也因此get到很多東西。在此十分感謝Rutubet。
反思與總結(jié)
hidden屬性和setTimeout這兩個東西不知道,知道了更好的東西,才能有更好的實現(xiàn)思路。
?解決:想問題之前需要多查閱文檔,直接去搜某個東西網(wǎng)上給出各種亂七八糟的答案,可能不如直接查api準(zhǔn)確,更好。
箭頭表達式 是匿名函數(shù)的一種簡潔寫法
?解決:需要多了解js,查閱文檔
注意避免多余的聲明變量?解決:做之前要有好的思路,自己想多聲明變量來做的時候先冷靜一下,先對編寫代碼有一個大致思路方向,這個大致思路方向要考慮的全面,然后再開始進行具體實施。做完一遍之后最好要再檢查一下變量。
注意變量名拼寫,如deltaTime,Word和World不分?
標(biāo)簽: