# MongoRolls

> MongoRolls 的前端技术博客，记录 JavaScript、TypeScript、React、工程化实践与个人思考。

MongoRolls 是 MongoRolls 的中文技术博客，主要记录前端开发、工程化实践、AI 工具与个人思考。

引用本站内容时，请保留作者名称，并链接到对应文章的规范地址。文章观点与事实应以原文为准。

## 主要入口

- [首页](https://mongorolls.cn/)
- [文章归档](https://mongorolls.cn/blog/)
- [标签](https://mongorolls.cn/tags/)
- [关于作者](https://mongorolls.cn/about/)
- [RSS](https://mongorolls.cn/rss.xml)
- [Sitemap](https://mongorolls.cn/sitemap-index.xml)

## 已发布文章

- [AI 文本水印是怎么藏进普通文字里的](https://mongorolls.cn/blog/26-08-21-ai-text-watermarking/): 用加权骰子理解 AI 文本水印：它如何写入、检测，编辑为什么只能稀释它，以及检测结果究竟能证明什么。
- [CLIProxyAPI](https://mongorolls.cn/blog/26-08-17-cliproxyapi/): CLIProxyAPI 把 OAuth CLI 订阅暴露成本地兼容 API，给 Cursor、Cline、脚本当后端用。
- [Hermes Agent](https://mongorolls.cn/blog/26-08-17-hermes/): Hermes Agent 是什么、和 Cursor / Claude Code 差在哪、自己怎么装、怎么接到微信。
- [为什么有些 Web 应用更适合用 Canvas，而不是 HTML](https://mongorolls.cn/blog/26-08-14-canvas-webapp/): 结合 Hivekit 的实践，梳理 Canvas 相比 DOM 的优势、代价、适用场景与实现要点。
- [日常 AI 工具](https://mongorolls.cn/blog/26-08-13-ai-tools/): 目前日常开发里常用的几套 AI 工具：Cursor、Claude Code、Codex App、CC Switch 和 DeepSeek
- [TypeScript 技巧](https://mongorolls.cn/blog/26-02-25-typescript/): 几个简洁实用的 TypeScript 类型技巧
- [图像生成 prompt](https://mongorolls.cn/blog/25-12-22-prompt/): 图像生成提示词的结构、风格与实践示例
- [《认知觉醒》 - 开启自我改变的原动力](https://mongorolls.cn/blog/cognition/): 记录《认知觉醒》中关于焦虑、耐心、专注力和行动力的阅读思考。
- [前端渲染模式解析：CSR、SSR 与 SPA](https://mongorolls.cn/blog/rendering-modes/): 本文介绍了现代前端开发中常见的客户端渲染（CSR）与服务端渲染（SSR）模式，分析它们的工作原理、优缺点和适用场景。
- [css demo](https://mongorolls.cn/blog/25-06-27-demo/): css demo
- [v8垃圾回收机制](https://mongorolls.cn/blog/25-04-17-trash/): 本文从v8的垃圾回收机制入手，介绍了v8的垃圾回收机制，包括垃圾回收的算法、垃圾回收的时机、垃圾回收的优化等。
- [SSR](https://mongorolls.cn/blog/25-04-07-ssr/): SSR 是 Server-Side Rendering 的缩写，是一种用于构建动态网页的技术。
- [代码质量与规范](https://mongorolls.cn/blog/25-04-01-format/): 代码质量与规范是前端开发中非常重要的一部分，它可以帮助我们提高开发效率，减少重复劳动，提高代码质量。
- [CI/CD](https://mongorolls.cn/blog/25-03-27-cicd/): CI/CD 是持续集成/持续交付/持续部署的缩写，是一种软件开发实践，旨在通过自动化构建、测试和部署流程来提高软件开发效率和质量。
- [Docker](https://mongorolls.cn/blog/25-03-14-docker/): Docker 是一种容器技术
- [Ad note](https://mongorolls.cn/blog/25-02-22-ad/): 阅读《计算广告》部分笔记📒
- [多人协作](https://mongorolls.cn/blog/25-02-05-yjs/): 最近在做一个仿google docs的多人协作文档.本文记录遇到的相关问题知识
- [优质网站&工具分享](https://mongorolls.cn/blog/26-01-30-share/): 分享一些常用的工具和知识
- [前端性能优化](https://mongorolls.cn/blog/24-12-08-performance/): 前端性能优化是开发过程中至关重要的一环，它不仅能显著提升网站的加载速度，减少资源消耗，还能改善用户体验。同时，优化性能也有助于增强用户粘性，提高转化率。
- [前端开发tips总结](https://mongorolls.cn/blog/24-08-22-frontend/): 长期分享前端开发中遇到的问题和解决方案
- [正则表达式 - 字符串处理的强大工具](https://mongorolls.cn/blog/regexp/): 正则表达式是处理文本的强大工具，本文整理了正则表达式的基础知识、常用语法和实用案例，帮助你更高效地处理字符串。
- [Cursor AI 使用指南](https://mongorolls.cn/blog/24-01-17-cursor/): Cursor AI编程助手的完整使用指南，包含基础配置、高级实践和使用技巧
- [Git 版本控制与提交规范指南](https://mongorolls.cn/blog/24-01-06-git/): Git基础概念、常用命令与commit规范的完整指南