> For the complete documentation index, see [llms.txt](https://shenjunhong.gitbook.io/blog/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shenjunhong.gitbook.io/blog/za-wen.md).

# 杂文

- [Dom 节点变动检测并录制的简单实现](https://shenjunhong.gitbook.io/blog/za-wen/dom-jie-dian-bian-dong-jian-ce-bing-lu-zhi-de-jian-dan-shi-xian.md)
- [错误监控&错误捕获](https://shenjunhong.gitbook.io/blog/za-wen/js-cuo-wu-bu-huo.md)
- [NextJS与NuxtJS](https://shenjunhong.gitbook.io/blog/za-wen/nextjs-yu-nuxtjs.md)
- [负载均衡的几种常用方式](https://shenjunhong.gitbook.io/blog/za-wen/nginx-fu-zai-jun-heng.md)
- [PM2](https://shenjunhong.gitbook.io/blog/za-wen/pm2.md)
- [service worker 控制网络请求？](https://shenjunhong.gitbook.io/blog/za-wen/pwa-xiang-jie.md)
- [SSL 和 TLS 的区别](https://shenjunhong.gitbook.io/blog/za-wen/ssl-he-tls-de-qu-bie.md)
- [Babel 你太美](https://shenjunhong.gitbook.io/blog/za-wen/babel-ni-tai-mei.md)
- [echart踩坑经验](https://shenjunhong.gitbook.io/blog/za-wen/echart-cai-keng-jing-yan.md)
- [keyup、keydown你都知道有什么区别吗](https://shenjunhong.gitbook.io/blog/za-wen/keyupkeydown-ni-dou-zhi-dao-you-shen-me-qu-bie-ma.md)
- [常见概念](https://shenjunhong.gitbook.io/blog/za-wen/lodash-chang-yong-fang-fa.md)
- [首屏加载优化与性能指标分析](https://shenjunhong.gitbook.io/blog/za-wen/performance-xing-neng-zhi-biao.md)
- [preload 和 prefetch 的详解](https://shenjunhong.gitbook.io/blog/za-wen/preload-he-prefetch-de-xiang-jie.md)
- [在项目中配置这几个关系](https://shenjunhong.gitbook.io/blog/za-wen/prettier-zai-vscode-zhong-de-pei-zhi.md)
- [roullp 解析](https://shenjunhong.gitbook.io/blog/za-wen/roullp-jie-xi.md)
- [tinymce原理浅析](https://shenjunhong.gitbook.io/blog/za-wen/tinymce-yuan-li-qian-xi.md)
- [wasm 在前端的应用](https://shenjunhong.gitbook.io/blog/za-wen/wasm-zai-qian-duan-de-ying-yong.md)
- [websocket](https://shenjunhong.gitbook.io/blog/za-wen/websocket.md)
- [webworker](https://shenjunhong.gitbook.io/blog/za-wen/webworker.md)
- [项目](https://shenjunhong.gitbook.io/blog/za-wen/zustand-qian-tan.md)
- [从 ajax 到 axios](https://shenjunhong.gitbook.io/blog/za-wen/cong-ajax-dao-axios-jie-xi.md)
- [从postcss 到自己开发一款插件](https://shenjunhong.gitbook.io/blog/za-wen/cong-postcss-dao-zi-ji-kai-fa-yi-kuan-cha-jian.md)
- [从输入浏览器到页面展示涉及的缓存机制](https://shenjunhong.gitbook.io/blog/za-wen/cong-shu-ru-liu-lan-qi-dao-ye-mian-zhan-shi-she-ji-dao-na-xie-huan-cun.md)
- [代码整洁之道](https://shenjunhong.gitbook.io/blog/za-wen/dai-ma-zheng-jie-zhi-dao.md)
- [你知道什么是aop吗](https://shenjunhong.gitbook.io/blog/za-wen/ni-zhi-dao-shen-me-shi-aop-ma.md)
- [函数式编程](https://shenjunhong.gitbook.io/blog/za-wen/han-shu-shi-bian-cheng.md)
- [函数式编程指南](https://shenjunhong.gitbook.io/blog/za-wen/han-shu-shi-bian-cheng-zhi-nan.md)
- [前端input框文字最大值](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-input-kuang-wen-zi-zui-da-zhi.md)
- [攻坚战](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-yu-rust.md)
- [前端书写 sdk](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-shu-xie-sdk.md)
- [前端文字转语音播放](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-wen-zi-zhuan-yu-yin-bo-fang.md)
- [前端领域的 Docker 和 Kubernetes](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-fang-mian-de-docker-he-kubernetes.md)
- [前端安全](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-wang-luo-an-quan.md)
- [前端进阶之内存空间](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-jin-jie-zhi-nei-cun-kong-jian.md)
- [前端音频浅析](https://shenjunhong.gitbook.io/blog/za-wen/qian-duan-yin-pin-qian-xi.md)
- [十分钟搞定多人协作开发](https://shenjunhong.gitbook.io/blog/za-wen/shi-fen-zhong-gao-ding-duo-ren-xie-zuo-kai-fa.md)
- [字符串的比较](https://shenjunhong.gitbook.io/blog/za-wen/zi-fu-chuan-de-bi-jiao.md)
- [尾递归](https://shenjunhong.gitbook.io/blog/za-wen/wei-di-gui.md)
- [前文](https://shenjunhong.gitbook.io/blog/za-wen/gong-zuo-zhong-yu-dao-de-process.env-meng-meng-de.md)
- [常见的算法可以分为以下三类](https://shenjunhong.gitbook.io/blog/za-wen/chang-jian-jia-mi-suan-fa-qian-xi.md)
- [手机调试--mac篇](https://shenjunhong.gitbook.io/blog/za-wen/shou-ji-duan-tiao-shi.md)
- [数组的原生系列](https://shenjunhong.gitbook.io/blog/za-wen/shu-zu-de-yuan-sheng-xi-lie.md)
- [COOP 和 COEP - 新的跨域策略](https://shenjunhong.gitbook.io/blog/za-wen/xin-de-kua-yu-ce-le-coop-he-coep.md)
- [浅谈react组件书写](https://shenjunhong.gitbook.io/blog/za-wen/qian-tan-react-zu-jian-shu-xie.md)
- [浏览器与 Node.js 事件循环的区别](https://shenjunhong.gitbook.io/blog/za-wen/liu-lan-qi-shi-jian-xun-huan-he-node-shi-jian-xun-huan-you-shen-me-bu-tong.md)
- [由三道题引伸出来的思考](https://shenjunhong.gitbook.io/blog/za-wen/you-san-dao-ti-yin-shen-chu-lai-de-si-kao.md)
- [移动端300ms点击延迟](https://shenjunhong.gitbook.io/blog/za-wen/yi-dong-duan-300ms-dian-ji-yan-chi.md)
- [移动端和pc端事件](https://shenjunhong.gitbook.io/blog/za-wen/yi-dong-duan-he-pc-duan-shi-jian.md)
- [Git 常见疑惑](https://shenjunhong.gitbook.io/blog/za-wen/ji-suan-ji-ji-chu-zhi-git-ming-ling.md)
- [我们离发 npm 包还有多远](https://shenjunhong.gitbook.io/blog/za-wen/dou-9102-nian-le-hai-you-mian-shi-guan-yi-wei-wo-bu-hui-fa-npm-bao.md)
- [重绘和重排](https://shenjunhong.gitbook.io/blog/za-wen/zhong-hui-he-zhong-pai.md)
- [AI 时代下的前端编程范式](https://shenjunhong.gitbook.io/blog/za-wen/mian-shi-guan-yan-zhong-de-test-unit.md)
- [音频可视化实战](https://shenjunhong.gitbook.io/blog/za-wen/yin-pin-ke-shi-hua-shi-zhan.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://shenjunhong.gitbook.io/blog/za-wen.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.