# 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)
