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

# 前端

- [JavaScript](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript.md)
- [01 JavaScript 秘密花园](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/01javascript-mi-mi-hua-yuan.md)
- [02 JavaScript 正则技巧](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/02javascript-zheng-ze-ji-qiao.md)
- [03 从浏览器解析 JS 运行机制](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/03-cong-liu-lan-qi-jie-xi-js-yun-hang-ji-zhi.md)
- [04 Canvas 基础用法](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/04canvas-ji-chu-yong-fa.md)
- [05 Blob Url And Data Url](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/05-blob-url-and-data-url.md)
- [06 函数节流与函数防抖](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/06-han-shu-jie-liu-yu-han-shu-fang-dou.md)
- [07 排序算法初探](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/07-pai-xu-suan-fa-chu-tan.md)
- [08 洗牌算法实现数组乱序](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/08-xi-pai-suan-fa-shi-xian-shu-zu-luan-xu.md)
- [09 正则匹配 match 和 exec](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/09-zheng-ze-pi-pei-match-he-exec.md)
- [10 正则匹配汉字](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/javascript/10-zheng-ze-pi-pei-han-zi.md)
- [CSS](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/css.md)
- [01 Flex 弹性布局](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/css/01flex-dan-xing-bu-ju.md)
- [02 Position 定位](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/css/02position-ding-wei.md)
- [Node](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/node.md)
- [01 Node Tips](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/node/01-node-tips.md)
- [02 七天学会 NodeJS](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/node/02-qi-tian-xue-hui-nodejs.md)
- [Note](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/note.md)
- [01 Note](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/note/01-note.md)
- [02 Interview](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/note/02-interview.md)
- [03 Snippets](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/note/03-snippets.md)
- [04 Git](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/note/04-git.md)
- [05 Tool](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/note/05-tool.md)
- [React](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react.md)
- [01 React Props Children 传值](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/01reactpropschildren-chuan-zhi.md)
- [02 Use a Render Prop!](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/02-use-a-render-prop.md)
- [03 React Hook](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/03-react-hook.md)
- [04 React Hook 定时器](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/04reacthook-ding-shi-qi.md)
- [05 Fetch data with React Hooks](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/05-fetch-data-with-react-hooks.md)
- [06 React 和 Vue 中 key 的作用](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/06react-he-vue-zhong-key-de-zuo-yong.md)
- [07 TypeScript 中 interface 和 type 区别](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/07-typescript-zhong-interface-he-type-qu-bie.md)
- [08 TypeScript 中 is 关键字](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/react/08typescript-zhong-is-guan-jian-zi.md)
- [Vue](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue.md)
- [01 Vue Tips](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue/01-vue-tips.md)
- [02 Vue 构建项目写入配置文件](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue/02vue-gou-jian-xiang-mu-xie-ru-pei-zhi-wen-jian.md)
- [03 Vue 项目引入 SVG 图标](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue/03vue-xiang-mu-yin-ru-svg-tu-biao.md)
- [04 Vue 一键导出 PDF](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue/04vue-yi-jian-dao-chu-pdf.md)
- [05 动态可响应对象](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue/05-dong-tai-ke-xiang-ying-dui-xiang.md)
- [06 Vue 引入 SCSS](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/vue/06vue-yin-ru-scss.md)
- [实战系列](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/shi-zhan-xi-lie.md)
- [01 WebSocket 心跳重连机制](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/shi-zhan-xi-lie/01websocket-xin-tiao-zhong-lian-ji-zhi.md)
- [02 图片加解密二三事](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/shi-zhan-xi-lie/02-tu-pian-jia-jie-mi-er-san-shi.md)
- [03 优雅实现 BackTop](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/shi-zhan-xi-lie/03-you-ya-shi-xian-backtop.md)
- [04 动态加载 JS 文件](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/shi-zhan-xi-lie/04-dong-tai-jia-zai-js-wen-jian.md)
- [05 神奇的 Document.designMode](https://jupiter-1992.gitbook.io/jupiter-note/qian-duan/shi-zhan-xi-lie/05-shen-qi-de-document.designmode.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:

```
GET https://jupiter-1992.gitbook.io/jupiter-note/qian-duan.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.