文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
了解函数库是有帮助的
我们曾有一个网站,其中有一个“提示框”,用来显示对用户有帮助的建议,比如:
提示:登录后可以看到过去做过的查找。[显示另一条提示!]
这种提示有几十条,全都藏在HTML中:
当读者访问这个页面时,会随机地让其中的一个div块变得可见,其他的还保持隐藏状态。
如果单击"Show me another tip!"链接,它会循环到下一个提示。下面是实现这一功能的一些代码,使用了JavaScript库jQuery:
这段代码还可以。但可以把它做得更好。让我们从描述开始,用自然语言来说这段代码要做的事情是:
找到当前可见的提示并隐藏它。
然后找到它的下一个提示并显示。
如果没有更多提示,循环回第一个提示。
根据这个描述,下面是另一个方案:
这个方案的代码行数更少,并且不用直接操作整型。它与人们对此代码的理解一致。
在这个例子中,jQuery有一个.next()给我们用,这一点很有帮助。编写精练代码的一部分工作是了解你的库提供了什么。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论