制作随机按钮
内容提要
文章讨论了作者对其笔记博客“随机”功能的改进。最初，该功能依赖JavaScript，导致构建缓慢。作者最终选择了改进的JavaScript实现，通过一个单独的HTML页面处理随机笔记，增强了用户体验，模拟了老式CD播放器的“随机播放”效果。
关键要点
-
作者对其笔记博客的“随机”功能进行了改进。
-
最初的实现依赖JavaScript，导致构建速度慢，每次发布新帖子时需要重新上传所有页面。
-
作者考虑了无JavaScript的方法，但发现每次构建都会导致文件哈希变化，影响部署速度。
-
最终，作者选择了改进的JavaScript实现，通过一个单独的HTML页面处理随机笔记。
-
新的实现提供了更好的用户体验，模拟了老式CD播放器的“随机播放”效果，增加了用户的反馈感。
延伸解读
技术选择的影响
作者在实现“随机”功能时，经历了从依赖JavaScript到改进JavaScript的过程。最初的实现导致构建速度慢，而无JavaScript的方法又带来了文件哈希变化的问题。最终选择的改进方案不仅提升了用户体验，还有效解决了构建和部署的效率问题。
用户体验的设计
新实现的“随机”功能通过引入延迟和反馈机制，模拟了老式CD播放器的体验。这种设计不仅让用户感受到操作的反馈，还增强了互动感。作者强调，尽管这种延迟在技术上并非必要，但它提升了用户的参与感和满意度。
构建过程中的挑战
在构建静态网站时，文件哈希的变化会影响部署速度。作者在探索无JavaScript方案时发现，即使没有内容更新，文件的链接变化也会导致每次构建都需重新上传所有页面。这一挑战促使他最终选择了更高效的JavaScript实现。
延伸问答
作者是如何改进其笔记博客的随机功能的？
作者通过改进JavaScript实现，使用单独的HTML页面处理随机笔记，增强了用户体验。
最初的随机功能实现有什么问题？
最初的实现依赖JavaScript，导致每次发布新帖子时需要重新上传所有页面，构建速度慢。
作者考虑过无JavaScript的方法吗？
是的，作者考虑过无JavaScript的方法，但发现每次构建都会导致文件哈希变化，影响部署速度。
新的随机功能实现有什么用户体验上的改进？
新的实现模拟了老式CD播放器的“随机播放”效果，增加了用户的反馈感。
作者为什么选择在单独的HTML页面中处理随机笔记？
这样可以集中处理JavaScript逻辑，避免每次构建时都要重新上传所有页面，提高了效率。
作者对随机功能的设计有什么特别的想法？
作者希望通过引入短暂的延迟和反馈，模拟CD播放器的体验，让用户感受到功能的响应。
