在我们博客项目中，我们使用过 localStorage 做主题缓存、数据持久化。。90%新人只会用 localStorage，不知道：三种存储的区别什么时候用哪个存储大小、生命周期、是否随请求发送项目真实业务场景选型本篇高质量完整吃透浏览器本地存储，补齐前端存储体系，优化博客项目缓存逻辑，面试高频题一网打尽。本地存储是前端业务开发100%高频使用的能力。本篇彻底补齐浏览器存储体系，让你的博客项目缓

用户邮箱格式是否正确手机号必须 11 位数字密码要求大小写 + 数字 + 特殊符号过滤输入框非法字符、屏蔽敏感词单纯靠字符串截取、判断无法实现精准匹配，正则表达式（RegExp）就是前端统一校验方案。本篇从零讲解正则基础语法，封装一套可直接复用的表单校验工具函数，给我们博客新增完整留言评论区校验功能。正则是前端表单校验、文本处理的核心利器，学会后你可以实现几乎所有输入限制功能。现在我们的博客评论系

因为在 Web 服务器上，网站的根目录是相对固定的，使用相对路径可以方便地在项目内部进行文件引用，并且当网站的部署位置发生变化时，只要整个项目的相对结构不变，文件引用就不会出错。在编写脚本或程序时，如果需要访问系统中固定位置的文件，如操作系统的配置文件、特定的系统库文件等，使用绝对路径可以保证程序在不同的运行环境中都能正确地找到所需文件。如果文件或目录的位置发生变化，或者整个文件系统的结构进行了调

HTML 负责结构，让网页有内容、有层级；CSS 负责样式，让网页好看、排版舒服。但此时的网页，就像一本印刷好的杂志，只能看，不能和你互动。你点击按钮，它不会有反应；你输入内容，它不会处理；你滑动页面，它也不会有任何变化。而JavaScript（简称 JS），就是给网页装上 “灵魂” 的语言。它让网页从 “静态的展示” 变成 “动态的交互”，你可以用它实现点击切换、表单提交、数据计算、动画效果，甚

回顾我们之前所有的博客开发，文章列表、侧边栏数据、轮播文案全部都是前端本地写死的静态数据。但真实互联网网站，从来不会把数据写死在代码里：博客文章由后台发布，前端自动拉取展示浏览量、评论数实时从服务器更新无需修改前端代码，后台改数据，页面自动同步变化实现前端和服务器数据互通，核心技术就是AJAX。本篇零基础吃透原生AJAX，不讲晦涩理论，全程结合我们的个人博客项目，实现从线上接口动态加载文章列表，彻