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