js 二级菜单鼠标悬停显示与离开隐藏(2020年10月24日)
制作背景
当时为了练手,重温html和css语法,在仿写百度界面的网页,同时学习了一些js的基础,打算将百度网页中的二级菜单鼠标事件效果也做出来。于是就做了这样一个js。其实我个人并不知道百度二级菜单是怎样实现的,我只是用我想的方式来实现。
效果动态图

源代码(后)
声明:此代码为好友Rutubet所更改,相比以前的代码逻辑更加清晰,更加简洁。我也因此get到很多东西。在此十分感谢Rutubet。
反思与总结
hidden属性和setTimeout这两个东西不知道,知道了更好的东西,才能有更好的实现思路。
解决:想问题之前需要多查阅文档,直接去搜某个东西网上给出各种乱七八糟的答案,可能不如直接查api准确,更好。
箭头表达式 是匿名函数的一种简洁写法
解决:需要多了解js,查阅文档
注意避免多余的声明变量 解决:做之前要有好的思路,自己想多声明变量来做的时候先冷静一下,先对编写代码有一个大致思路方向,这个大致思路方向要考虑的全面,然后再开始进行具体实施。做完一遍之后最好要再检查一下变量。
注意变量名拼写,如deltaTime,Word和World不分