Web开发

你的 Hugo 博客是否因为广告位过多导致页面加载缓慢？当 12 个 AdSense 广告位同时初始化，首屏加载时间飙升至 5 秒以上， 广告拦截检测 弹窗迟迟无法出现，访客在弹窗出来前就已经浏览完内容离开。

本文将分享一套零侵入原有广告模板的懒加载方案：利用 HTML5 <code>&lt;template&gt;</code> 标签 冻结广告代码，通过 Intersection Observer API 检测可视区域，分批激活执行脚本。实测首屏请求减少 68%，广告收入基本不受影响。

我开源了一个谷歌广告拦截检测识别工具，代码仓库放在文章末尾，需要的自取。

独立开发者的小网站靠 AdSense 吃饭，本就没什么盈利，再加上浏览器的广告拦截插件，让原本就举步维艰的生活变得雪上加霜。

网站广告被拦了等于白干，写这篇是因为最近在给网站加广告屏蔽检测，踩了一堆坑，记录一下。

本文主要介绍广告拦截的技术原理，以及怎么检测我们网站上的AdSense广告是否被屏蔽了。

开始之前，请使用广告拦截插件的读者先读一下站长给用户的一封信： https://axiaoxin.com/letter/

Tabulator 是功能完整的 JavaScript 表格库，支持排序、编辑、树形数据、虚拟滚动等。本文记录我的实际使用经验，涵盖安装、列定义、数据更新（updateData）、单元格编辑回调（cellEdited）、React 集成及 Python 生态区分。附带代码示例和官方文档要点，适合从零开始集成 Tabulator 的开发者。

项目做完了，用到了html2canvas，虽然代码是AI写的，但是还是碰到了很多不好解决的问题，不过总归是解决了，现在回过头静下心来认真学习一下 html2canvas，以及总结一下各类问题的解决方法。

在现代Web开发中，客户端数据存储是每个前端工程师必须掌握的核心技能。面对 sessionStorage、localStorage 和 Cookie 这三种主流存储方案，很多开发者常常陷入选择困难。本文将从底层机制、API特性、安全考量到实战场景进行全方位对比，助你做出最优技术决策。

本文关键词：sessionStorage localStorage区别、cookie和localStorage对比、前端数据存储方案、浏览器存储机制、web storage API、cookie安全性、localStorage使用场景

在 Web 安全体系中，Cookie 是一个看似简单、却极其关键的组件。它既是登录态、会话管理的核心载体，也是 XSS、CSRF 等攻击最常见的突破口之一。

很多安全事故并不是因为“用了 Cookie”，而是没有正确使用 Cookie 的安全机制。

本文从工程视角出发，系统梳理浏览器 Cookie 的所有关键安全机制，结合攻击模型解释每一个属性存在的真实原因，帮助你在实际开发中写出“不容易出事”的 Cookie 代码。

在本地开发时，你是否遇到过这些场景？需要调试微信支付回调却发现外网无法访问本地服务；想用手机测试后端接口却苦于没有公网地址；向客户演示功能时不得不临时部署到服务器。本文介绍的 ngrok 正是解决这些痛点的利器——一个命令，让你的本地服务秒变公网可访问。

在这个前端框架“卷到天际”的时代，你想找一套好看、好用、不会踩雷、还能让项目稳稳上线的 CSS 方案，几乎比挑副业更难。下面这 8 个 CSS 框架，我敢说无论你做博客、后台、产品站还是交互复杂的应用，都能找到“即插即用”的最佳搭档。

网站/APP 在通过 ICP 备案审核并获得 ICP 备案号后，还需要在网站/APP 开通后 30 日内进行公安备案。本文详细介绍如何在进行公安备案。

在日常前端开发、编写技术博客或构建在线教程平台的过程中，经常会遇到一个问题：如何在 HTML 页面中显示代码本身而不是被浏览器解析？

比如你想展示 <div>、<script>、  等标签或符号，但页面却直接把它当 HTML 执行了。这种时候，就需要用到 HTML 转义字符 或更合理的代码展示方式。

这篇文章将系统讲解：

• 什么是 HTML 转义字符
• HTML 转义的适用场景和不适用场景
• 如何更优雅地展示 HTML 原始代码
• 常用 HTML 实体符号对照表
• 实用的 HTML 转义在线工具推荐

HTML 实体转义字符（HTML Escape Characters）完整对照表列出了最常用的 HTML 转义字符。

本文是针对 JSON-LD 类型的使用示例及其简要介绍与说明。每个类型的示例展示了如何在 JSON-LD 中进行标注，并附带了简要说明，希望对你有所帮助。

JSON-LD（JSON for Linked Data）是一种基于 JSON 格式的结构化数据标记语言，可以帮助搜索引擎和其他应用程序更好地理解网页内容。它的核心作用是通过语义化的标记，为网页内容添加机器可读的元数据，从而提升搜索引擎的理解能力、提升 SEO 表现优化搜索结果的展示效果，并支持语音搜索、AI 助手等技术。