# README

## 执笔看墨花开

[![Author](https://img.shields.io/badge/author-%E6%89%A7%E7%AC%94%E7%9C%8B%E5%A2%A8%E8%8A%B1%E5%BC%80-blue.svg?style=flat-square)](https://chanshiyu.com) [![Email](https://img.shields.io/badge/Emali%20me-1017866168@qq.com-green.svg?style=flat-square)](http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme\&email=tNnR9Nfc1drH3N3NwZrX29k)

| 目录 | 描述                                             |
| -- | ---------------------------------------------- |
| 执笔 | 日常博文，无法归入以下类目                                  |
| 书斋 | 读书笔记，摘要读书过程中的知识要点和想法感悟                         |
| 前端 | 前端知识库，包括且不限于 JavaScript、Nodejs、React、Vue 等知识总结 |
| 后端 | 后端知识库，包括且不限于 Java、Spring、Linux 等知识总结           |

* 执笔
  * 2017
    * [01 网站动态标题的两种方式](https://xlzy.gitbook.io/xlzy520/zhi-bi/2017/01-wang-zhan-dong-tai-biao-ti-de-liang-zhong-fang-shi)
    * [02 RN App 外部唤醒踩坑记](https://xlzy.gitbook.io/xlzy520/broken-reference)
  * 2018
    * [01 图片加解密二三事](https://xlzy.gitbook.io/xlzy520/zhi-bi/2018/01-tu-pian-jia-jie-mi-er-san-shi)
    * [02 优雅实现 BackTop](https://xlzy.gitbook.io/xlzy520/zhi-bi/2018/02-you-ya-shi-xian-backtop)
    * [03 Vue 一键导出 PDF](https://xlzy.gitbook.io/xlzy520/broken-reference)
    * [04 不一样の烟火](https://xlzy.gitbook.io/xlzy520/zhi-bi/2018/04-no)
    * [05 Python 之禅](https://xlzy.gitbook.io/xlzy520/broken-reference)
    * [06 Python 文件操作](https://xlzy.gitbook.io/xlzy520/broken-reference)
  * 2019
    * [01 Aurora 食用指南](https://xlzy.gitbook.io/xlzy520/broken-reference)
    * [02 Godaddy 域名找回记事](https://xlzy.gitbook.io/xlzy520/broken-reference)
    * [03 一个接口的诞生](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/03-yi-ge-jie-kou-de-dan-sheng)
    * [04 SpringMVC 前后端传参协调](https://xlzy.gitbook.io/xlzy520/broken-reference)
    * [05 主题集成友链访问统计功能](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/05-zhu-ti-ji-cheng-you-lian-fang-wen-tong-ji-gong-neng)
    * [06 Github Style 博客主题](https://xlzy.gitbook.io/xlzy520/broken-reference)
    * [07 动态加载 JS 文件](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/07-dong-tai-jia-zai-js-wen-jian)
    * [08 WebSocket 心跳重连机制](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/08websocket-xin-tiao-zhong-lian-ji-zhi)
    * [09 洗牌算法实现数组乱序](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/09-xi-pai-suan-fa-shi-xian-shu-zu-luan-xu)
    * [10 React Hook 定时器](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/10reacthook-ding-shi-qi)
    * [11 Fetch data with React Hooks](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/11-fetch-data-with-react-hooks)
    * [12 字符编码の小常识](https://xlzy.gitbook.io/xlzy520/zhi-bi/2019/12-no)
    * [13 WSL 安装 Docker 实录](https://xlzy.gitbook.io/xlzy520/broken-reference)
* 书斋
  * ES6 标准入门
    * [01 变量声明与解构赋值](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/01-bian-liang-sheng-ming-yu-jie-gou-fu-zhi)
    * [02 语法的扩展](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/02-yu-fa-de-kuo-zhan)
    * [03 数据类型与数据结构](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/03-shu-ju-lei-xing-yu-shu-ju-jie-gou)
    * [04 Proxy 和 Reflect](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/04proxy-he-reflect)
    * [05 异步编程 Promise](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/05-yi-bu-bian-cheng-promise)
    * [06 Iterator 和 for of 循环](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/06iterator-he-forof-xun-huan)
    * [07 Generator 函数](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/07generator-han-shu)
    * [08 Async 函数](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/08async-han-shu)
    * [09 Class 类](https://xlzy.gitbook.io/xlzy520/shu-zhai/es6-biao-zhun-ru-men/09class-lei)
  * JavaScript 设计模式
    * [01 基础知识](https://xlzy.gitbook.io/xlzy520/shu-zhai/javascript-she-ji-mo-shi/01-ji-chu-zhi-shi)
    * [02 设计模式（上）](https://xlzy.gitbook.io/xlzy520/shu-zhai/javascript-she-ji-mo-shi/02-she-ji-mo-shi-shang)
    * [03 设计模式（下）](https://xlzy.gitbook.io/xlzy520/shu-zhai/javascript-she-ji-mo-shi/03-she-ji-mo-shi-xia)
    * [04 设计原则和编程技巧](https://xlzy.gitbook.io/xlzy520/shu-zhai/javascript-she-ji-mo-shi/04-she-ji-yuan-ze-he-bian-cheng-ji-qiao)
* 前端
  * JavaScript
    * [01 JavaScript 秘密花园](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/01javascript-mi-mi-hua-yuan)
    * [02 JavaScript 正则技巧](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/02javascript-zheng-ze-ji-qiao)
    * [03 从浏览器解析 JS 运行机制](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/03-cong-liu-lan-qi-jie-xi-js-yun-hang-ji-zhi)
    * [04 Canvas 基础用法](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/04canvas-ji-chu-yong-fa)
    * [05 Flex 弹性布局](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/05flex-dan-xing-bu-ju)
    * [06 Blob Url And Data Url](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/06-blob-url-and-data-url)
    * [07 函数节流与函数防抖](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/07-han-shu-jie-liu-yu-han-shu-fang-dou)
    * [08 排序算法初探](https://xlzy.gitbook.io/xlzy520/qian-duan/javascript/08-pai-xu-suan-fa-chu-tan)
  * Node
    * [01 Node Tips](https://xlzy.gitbook.io/xlzy520/qian-duan/node/01-node-tips)
    * [02 七天学会 NodeJS](https://xlzy.gitbook.io/xlzy520/qian-duan/node/02-qi-tian-xue-hui-nodejs)
  * Note
    * [01 Note](https://xlzy.gitbook.io/xlzy520/qian-duan/note/01-note)
    * [02 Snippets](https://xlzy.gitbook.io/xlzy520/qian-duan/note/02-snippets)
    * [03 Interview](https://xlzy.gitbook.io/xlzy520/qian-duan/note/03-interview)
    * [04 Git](https://xlzy.gitbook.io/xlzy520/qian-duan/note/04-git)
    * [05 Docker](https://xlzy.gitbook.io/xlzy520/qian-duan/note/05-docker)
    * [06 Line](https://xlzy.gitbook.io/xlzy520/qian-duan/note/06-line)
  * React
    * [01 React Props Children 传值](https://xlzy.gitbook.io/xlzy520/qian-duan/react/01reactpropschildren-chuan-zhi)
    * [02 Use a Render Prop!](https://xlzy.gitbook.io/xlzy520/qian-duan/react/02-use-a-render-prop)
    * [03 React Hook](https://xlzy.gitbook.io/xlzy520/qian-duan/react/03-react-hook)
    * [04 React 和 Vue 中 key 的作用](https://xlzy.gitbook.io/xlzy520/qian-duan/react/04react-he-vue-zhong-key-de-zuo-yong)
  * Vue
    * [01 Vue Tips](https://xlzy.gitbook.io/xlzy520/qian-duan/vue/01-vue-tips)
    * [02 Vue 构建项目写入配置文件](https://xlzy.gitbook.io/xlzy520/qian-duan/vue/02vue-gou-jian-xiang-mu-xie-ru-pei-zhi-wen-jian)
    * [03 Vue 项目引入 SVG 图标](https://xlzy.gitbook.io/xlzy520/qian-duan/vue/03vue-xiang-mu-yin-ru-svg-tu-biao)
* 后端
  * Java
    * [01 浅析 Java 反射](https://xlzy.gitbook.io/xlzy520/hou-duan/java/01-qian-xi-java-fan-she)
    * [02 Java 服务端分层模型](https://xlzy.gitbook.io/xlzy520/hou-duan/java/02java-fu-wu-duan-fen-ceng-mo-xing)
  * Note
    * [01 Note](https://xlzy.gitbook.io/xlzy520/hou-duan/note/01-note)
    * [02 Linux](https://xlzy.gitbook.io/xlzy520/hou-duan/note/02-linux)
  * Spring
    * [01 Spring Boot](https://xlzy.gitbook.io/xlzy520/hou-duan/spring/01-spring-boot)
    * [02 SSM](https://github.com/xlzy520/blog/tree/c451c145b6d6a6c1272d707f73275cd914413f09/%E5%90%8E%E7%AB%AF/Spring/02-SSM.md)
  * Project
    * [01 微信点餐系统](https://xlzy.gitbook.io/xlzy520/hou-duan/project/01-wei-xin-dian-can-xi-tong)


---

# Agent Instructions: 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://xlzy.gitbook.io/xlzy520/master.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.