摘要： 本文介绍了如何使用Next.js制作个人投资组合网站。内容包括导航、安装依赖项、创建布局、添加样式和SEO支持等步骤。文章还详细描述了如何创建主页、统计页面、证书页面、项目页面、实用工具页面和博客页面等关键部分的具体实现方法。通过本文，读者可以了解如何使用Next.js构建具有多种功能和个人展示的网站。
文章摘要： 本文介绍了如何使用 JavaScript 来检测用户何时切换标签页。提供了两种方法：第一种是通过使用两个事件监听器，focus 和 blur 事件，来检测用户是否聚焦于网站或窗口；第二种是通过使用 visibilitychange 事件来检测窗口的切换状态。文章还提供了相关代码示例和演示，并鼓励读者亲自尝试。最后，作者提供了联系方式和总结。
文章介绍了如何在CSS中构建一个曲线时间轴。首先，文章给出了HTML结构，包括一个包含主要容器的`timeline`类和一个包装器`outer`类，用于添加数据的`card`类。然后详细介绍了CSS样式，包括设置时间轴容器的背景色、卡片的最大宽度、基于奇偶数的卡片填充设置等。此外，文章还通过媒体查询对屏幕宽度小于特定值的移动设备进行了特殊样式调整。最后，文章解释了如何根据卡片的位置和顺序调整边框和边框半径的设置。整体而言，文章详细指导了如何运用CSS构建曲线时间轴。
文章摘要： 本文将介绍如何使用 CSS 制作创意悬停菜单。首先，将创建一个垂直布局的导航菜单，介绍菜单的结构和使用的 HTML 标签。然后，重点介绍 CSS 样式和效果，包括发光效果和文本间距效果。最后，给出默认值和相对导航列表项的相关 CSS 样式。通过本文，读者可以了解如何使用 CSS 制作具有创意效果的悬停菜单。
摘要： 本文介绍了如何使用JS构建一个生成彩色雨滴的容器，展示了预览效果，并详细描述了HTML、CSS和JavaScript的代码。同时，文章还提到了AWS的安全上线，强调了安全性和可靠性。通过JS实现的彩色雨效果具有随机色彩调整功能。 关键词：彩色雨、JS、AWS、安全上线
这篇文章介绍了2022年10月的Chrome扩展程序月度推荐，包括Text Blaze、Google产品的默认帐户、Weava荧光笔、Ghostery、Tab for a Cause、Initab等扩展程序。这些扩展程序能够帮助用户提高工作效率、保护隐私、浏览网页更方便等。文章还提供了每个扩展程序的下载链接和相关的图片展示。
摘要： 本文推荐了2022年11月的Chrome扩展程序，包括简化Gmail、巴丁、让我读一下那篇文章、图片下载中心、绘画工具和Selenium IDE等。这些扩展程序能够提升工作效率、增强隐私保护、简化工作流程、提升阅读体验等。文章还针对每个扩展程序提供了简单的介绍和使用场景。
这篇文章推荐了七款2022年6月值得使用的Chrome扩展程序，包括SVG导出、仿生阅读、移动模拟器、Speechify文本转语音（TTS）、悬停缩放+、隶和可视化CSS编辑器等。每款扩展程序都有其主要功能和使用特点，可以提高工作效率和阅读体验。
摘要： 本文将介绍一些在 2023 年 1 月值得安装的 Chrome 扩展程序，包括 Google 的 ChatGPT 扩展程序、Summarize、Flonnect、Hackertab、SuperDev、GitHub Writer 等。这些扩展程序旨在提高工作效率，为用户提供更多便利。其中一些扩展程序还提供了详细的功能介绍和使用场景。
摘要： 本文推荐了2022年12月的Chrome扩展程序，包括NOVA（新标签）、DeepL翻译、自由住宿、Listly、Twitter的极简主题、机器人排除检查器、运动开发者工具、色度、GitHub的Monaco Markdown编辑器和Dopely颜色等。这些扩展程序能够提升工作效率，其中一些扩展程序还具有自定义和分析功能，可以帮助用户更好地管理互联网使用时间和提高效率。
