返回介绍

了解函数库是有帮助的

发布于 2024-08-18 11:54:28 字数 920 浏览 0 评论 0 收藏 0

我们曾有一个网站,其中有一个“提示框”,用来显示对用户有帮助的建议,比如:

提示:登录后可以看到过去做过的查找。[显示另一条提示!]

这种提示有几十条,全都藏在HTML中:

当读者访问这个页面时,会随机地让其中的一个div块变得可见,其他的还保持隐藏状态。

如果单击"Show me another tip!"链接,它会循环到下一个提示。下面是实现这一功能的一些代码,使用了JavaScript库jQuery:

这段代码还可以。但可以把它做得更好。让我们从描述开始,用自然语言来说这段代码要做的事情是:

找到当前可见的提示并隐藏它。

然后找到它的下一个提示并显示。

如果没有更多提示,循环回第一个提示。

根据这个描述,下面是另一个方案:

这个方案的代码行数更少,并且不用直接操作整型。它与人们对此代码的理解一致。

在这个例子中,jQuery有一个.next()给我们用,这一点很有帮助。编写精练代码的一部分工作是了解你的库提供了什么。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文