从输入URL到页面展示发生了什么

本文详细介绍了从输入URL到页面展示的整个HTTP请求流程，包括请求的构建、缓存查找、TCP连接建立、HTTP请求发送、服务器处理请求及返回结果等九个阶段。还探讨了浏览器缓存的作用、TCP三次握手的必要性以及如何通过Cookie实现用户登录状态的管理，最后回答了一些常见问题，如站点加载速度快的原因和UDP与TCP的优缺点。

03.【个人网站】如何做网站自定义页面 URL 映射

pageUrlOverrides 是一个配置对象，用于在 Notion 集成中定义自定义页面 URL 映射，以替换自动生成的 URL。它有助于 SEO 优化和用户体验。示例中展示了如何将 Notion 页面 ID 映射到更友好的自定义 URL，并提供了一个清理页面 URL 映射的函数 cleanPageUrlMap，确保映射的有效性。

02.【个人网站】如何在Next中集成Notion数据库

在Next.js项目中集成Notion数据库的步骤包括获取Notion API密钥和数据库ID、安装Notion官方SDK、设置Notion客户端、获取数据库内容、部署与验证，以及使用封装的Notion API进行交互。通过这些步骤，可以有效地将Notion作为内容管理系统，并利用react-notion-x组件渲染Notion页面，提升代码的可维护性。

01.【个人网站】如何使用Notion作为数据库进行全栈开发

使用 Notion 作为数据库进行全栈开发的步骤包括注册 Notion 账号、获取 Notion API Token、创建数据库页面并配置相应的列。文中详细介绍了如何创建新集成、共享数据库权限以及获取数据库ID，以便进行数据管理和展示。

Next基础知识点

Next踩坑记

实际开发中遇到的Next相关的bug，记录下来和大家分享

06.【个人网站】使用Mailchimp做网站邮件订阅功能

Mailchimp 是一个流行的电子邮件营销平台，提供多种功能，如受众管理、自动化和分析报告。它的免费计划适合小型企业，允许最多 500 个联系人和每月 1,000 封邮件。文中还详细介绍了如何通过 Mailchimp API 集成邮件订阅功能到 Next.js 项目中，包括创建账户、获取 API Key、编写订阅函数和创建 API 路由。Mailchimp 的强大功能和免费计划使其成为初学者的理想选择。

05.【个人网站】基于i18n在Next项目中搭建国际化网站

本文分享了如何在Next.js项目中使用i18n实现国际化网站，包括依赖安装、项目结构、配置文件、国际化文件的设置，以及组件的使用示例。此外，还提供了常见错误及其解决方案，确保服务器端和客户端的语言设置一致。

Notion踩坑记

记录实际开发中遇到Notion的报错问题

04.【个人网站】如何使用 Vercel 快速部署个人网站 | 全流程指南

Vercel 是一个专注于前端开发的平台，提供简单快速的静态网站和前端框架应用部署服务。其主要特点包括一键部署、自动化 CI/CD、全球 CDN、预览部署、自定义域名和无服务器函数等。适用于静态网站、单页应用、服务器端渲染应用及电子商务网站。部署流程包括注册、创建项目、导入 Git 仓库、配置项目和管理监控。Vercel 使开发者能够专注于代码，而无需担心部署和性能优化问题。

【面试精选】TypeScript 常见8道面试题

本文详细介绍了TypeScript的优势、与JavaScript的主要区别、基本数据类型、泛型、unknown与any的区别、readonly修饰符与const关键字的区别、装饰器的使用及其类型，以及interface与type的区别。TypeScript通过静态类型检查、增强的代码编辑体验和更好的工具支持，提高了代码的可维护性和开发效率。

Next项目中结合Webpack自定义配置实现更多高级功能

Next项目中结合Webpack自定义配置实现更多高级功能

Webpack零基础小白学习路径分享

学习Webpack的路径包括理解基础概念、动手搭建项目、深入理解加载器和插件、优化构建性能、源码阅读与调试、探索进阶功能、实践项目以及参与社区与开源项目。通过这些步骤，可以全面掌握Webpack的原理与应用。

链表

链表是一种由节点组成的数据结构，分为单向链表、双向链表和循环链表。其优点包括便于插入和删除、动态长度和有效利用内存，但随机访问效率低且需要额外空间。链表在前端开发中应用于实现DOM结构、异步队列、LRU缓存等。处理链表时需注意指针丢失、越界和内存泄露等问题，使用哨兵节点可以简化操作。经典链表题目包括反转链表、合并有序链表等。

【面试精选】JavaScript常见面试题

本文总结了 JavaScript 常见面试题，包括数据类型、null 和 undefined 的区别、call、apply 和 bind 的用法、let、var 和 const 的区别、闭包、原型链、事件循环以及性能优化策略。重点强调了 JavaScript 的基本概念和性能提升方法，如减少 HTTP 请求、使用 CDN、资源压缩、延迟加载、缓存策略等。