使用sessionStorage给音乐播放进度存储
这篇文章介绍了在新网站增加音乐播放器模块时，选择使用 sessionStorage 杀 localStorage 子持久化存储音乐播放进度的原因，并对比了两者的主要区别。sessionStago 会话级别有效，避免跨标签页冲突且刷新页面时仍保存状态，适合音乐播放进度的存储需求。
标签
编程相关
共 4 篇文章，按标签归档
文章列表
使用浏览器的localStorage功能存储数据
这篇文章介绍了localStorage的功能和使用方法。它解释了localStorage作为Web Storage API的一部分，能够持久化存储数据，即使浏览器关闭后数据依然存在。文章详细说明了其主要特点、基本使用方法（包括数据存储、读取、删除及检查是否存在）和注意事项。此外，还提供了多个实际应用场景示例，如用户偏好设置、表单数据自动保存、记住用户操作状态以及数据缓存等。文中还提到了隐私和安全考虑，建议不要存储敏感信息，并注意同源策略和用户同意等问题。
使用View Transition api给模式切换添加过渡动画
这篇文章介绍了View Transition API的相关内容。该API是Chrome推出的一项新特性，允许开发者在DOM状态变化时创建平滑的过渡动画，能够在页面元素变化前后捕获快照并自动计算差异进行插值动画。文章详细讲解了基础实现方法，包括切换按钮和基本样式结构，并提供了核心代码示例。此外，还介绍了在切换主题时使用`document.startViewTransition`的方法，以及为特定元素添加独立过渡、处理不支持API的浏览器、性能优化和浏览器兼容性等进阶技巧。最后总结了View Transition API在复杂页面过渡动画实现中的应用价值。
AI编程的一些简单思考
这篇文章介绍了AI编程的优点和缺点。AI可以快速生成代码片段，缩短开发周期，但也可能导致开发者编码能力退化。AI工具能识别代码问题并提供优化建议，但生成的代码可能难以理解。文章总结称，AI编程对能清楚表达需求的人来说很有用，同时指出用户觉得AI编程不够好的原因还包括token和上下文的限制。