# blog **Repository Path**: SingerLan/blog ## Basic Information - **Project Name**: blog - **Description**: blog - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2023-10-19 - **Last Updated**: 2025-01-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # README ## 蝉時雨 [![Author](https://img.shields.io/badge/author-chanshiyucx-blue.svg?style=flat-square)](https://chanshiyu.com) [![Email](https://img.shields.io/badge/Email%20me-me@chanshiyu.com-green.svg?style=flat-square)](http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=tNnR9Nfc1drH3N3NwZrX29k) [![Chanshiyu's github stats](https://github-readme-stats.vercel.app/api?username=chanshiyucx)](https://github.com/anuraghazra/github-readme-stats) Code is Long, Life is Short. まだ五里霧中です。 | 目录 | 描述 | | :--- | :----------------------------------------------------------------------------- | | 時雨 | 日常博文，记录自己工作与生活中的那点小事 | | 前端 | 前端知识库，包括且不限于 JavaScript、TypeScript、Nodejs、React、Vue 等知识总结 | | 后端 | 后端知识库，包括且不限于 Java、Spring、Linux、MySQL、Docker 等知识总结 | | 书斋 | 读书笔记，摘要读书过程中的知识要点和想法感悟 | | 纸函 | 优秀的博客文章，三人行必有我师 | | 万藏 | 收集便捷好用的开发工具，以及收集的一些文档资料 | ❤️💛💚💙💜💕💞💓💗💖💘💝❣❤ - [README](README.md) - 時雨 - 2017 - [01 网站动态标题的两种方式](時雨/2017/01-网站动态标题的两种方式.md) - [02 RN App 外部唤醒踩坑记](時雨/2017/02-RN-App-外部唤醒踩坑记.md) - 2018 - [01 不一样の烟火](時雨/2018/01-不一样の烟火.md) - [02 Python 之禅](時雨/2018/02-Python-之禅.md) - [03 Python 文件操作](時雨/2018/03-Python-文件操作.md) - 2019 - [01 Aurora 食用指南](時雨/2019/01-Aurora-食用指南.md) - [02 Godaddy 域名找回记事](時雨/2019/02-Godaddy-域名找回记事.md) - [03 一个接口的诞生](時雨/2019/03-一个接口的诞生.md) - [04 SpringMVC 前后端传参协调](時雨/2019/04-SpringMVC-前后端传参协调.md) - [05 主题集成友链访问统计](時雨/2019/05-主题集成友链访问统计.md) - [06 Github Style 博客主题](時雨/2019/06-Github-Style-博客主题.md) - [07 字符编码の小常识](時雨/2019/07-字符编码の小常识.md) - [08 WSL 安装 Docker 实录](時雨/2019/08-WSL-安装-Docker-实录.md) - [09 Eriri comic reader](時雨/2019/09-Eriri-comic-reader.md) - [10 Aurora 2.0](時雨/2019/10-Aurora-2.0.md) - [11 jsDelivr 全站托管](時雨/2019/11-jsDelivr-全站托管.md) - [12 两年工作台变迁史](時雨/2019/12-两年工作台变迁史.md) - [13 春物](時雨/2019/13-春物.md) - [14 一种优雅の笔记方式](時雨/2019/14-一种优雅の笔记方式.md) - 2020 - [01 Telegram 电报机器人](時雨/2020/01-Telegram-电报机器人.md) - [02 她的眼里有星辰](時雨/2020/02-她的眼里有星辰.md) - [03 文心雕龙](時雨/2020/03-文心雕龙.md) - [04 软萌木子の有趣笔谈](時雨/2020/04-软萌木子の有趣笔谈.md) - [05 Telegram RSS 订阅频道](時雨/2020/05-Telegram-RSS-订阅频道.md) - [06 水月雨银色飞船](時雨/2020/06-水月雨-银色飞船.md) - [07 五年前旧照](時雨/2020/07-五年前旧照.md) - 2021 - [01 春宵苦短 2020](時雨/2021/01-春宵苦短-2020.md) - [02 风花](時雨/2021/02-风花.md) - 2022 - [01 小城新貌](時雨/2022/01-小城新貌.md) - [02 原神满级纪念](時雨/2022/02-原神满级纪念.md) - 2023 - [01 2022 逆旅](時雨/2023/01-2022-逆旅.md) - [02 半透明背景图实现](時雨/2023/02-半透明背景图实现.md) - [03 新年攒台海景房](時雨/2023/03-新年攒台海景房.md) - 前端 - JavaScript - [01 JavaScript 秘密花园](前端/JavaScript/01-JavaScript-秘密花园.md) - [02 JavaScript 正则技巧](前端/JavaScript/02-JavaScript-正则技巧.md) - [03 从浏览器解析 JS 运行机制](前端/JavaScript/03-从浏览器解析-JS-运行机制.md) - [04 Canvas 基础用法](前端/JavaScript/04-Canvas-基础用法.md) - [05 Blob Url And Data Url](前端/JavaScript/05-Blob-Url-And-Data-Url.md) - [06 函数节流与函数防抖](前端/JavaScript/06-函数节流与函数防抖.md) - [07 排序算法初探](前端/JavaScript/07-排序算法初探.md) - [08 洗牌算法实现数组乱序](前端/JavaScript/08-洗牌算法实现数组乱序.md) - [09 正则匹配 match 和 exec](前端/JavaScript/09-正则匹配-match-和-exec.md) - [10 正则匹配汉字](前端/JavaScript/10-正则匹配汉字.md) - [11 JSX.Element vs ReactElement](前端/JavaScript/11-JSX.Element-vs-ReactElement.md) - [12 可选链与空值合并](前端/JavaScript/12-可选链与空值合并.md) - [13 TypeScript 编码规范](前端/JavaScript/13-TypeScript-编码规范.md) - [14 Typescript 中 interface 和 type 区别](前端/JavaScript/14-Typescript-中-interface-和-type-区别.md) - [15 TypeScript 高级类型](前端/JavaScript/15-TypeScript-高级类型.md) - [16 TypeScript 关键字](前端/JavaScript/16-TypeScript-关键字.md) - [17 TypeScript 映射类型](前端/JavaScript/17-TypeScript-映射类型.md) - CSS - [01 Flex 弹性布局](前端/CSS/01-Flex-弹性布局.md) - [02 Position 定位](前端/CSS/02-Position-定位.md) - [03 CSS 逻辑属性](前端/CSS/03-CSS-逻辑属性.md) - Node - [01 Node Tips](前端/Node/01-Node-Tips.md) - [02 七天学会 NodeJS](前端/Node/02-七天学会-NodeJS.md) - Note - [01 Note](前端/Note/01-Note.md) - [02 Code](前端/Note/02-Code.md) - [03 Snippets](前端/Note/03-Snippets.md) - [04 Git](前端/Note/04-Git.md) - React - [01 React Props Children 传值](前端/React/01-React-Props-Children-传值.md) - [02 Use a Render Prop!](前端/React/02-Use-a-Render-Prop!.md) - [03 React Hook](前端/React/03-React-Hook.md) - [04 React Hook 定时器](前端/React/04-React-Hook-定时器.md) - [05 Fetch data with React Hooks](前端/React/05-Fetch-data-with-React-Hooks.md) - [06 React 和 Vue 中 key 的作用](前端/React/06-React-和-Vue-中-key-的作用.md) - [07 useCallback 的正确使用方式](前端/React/07-useCallback-的正确使用方式.md) - [08 useLayoutEffect 和 useEffect 的区别](前端/React/08-useLayoutEffect-和-useEffect-的区别.md) - [09 forwardRef 逃生舱](前端/React/09-forwardRef-逃生舱.md) - [10 React 条件渲染](前端/React/10-React-条件渲染.md) - Vue - [01 Vue Tips](前端/Vue/01-Vue-Tips.md) - [02 Vue 构建项目写入配置文件](前端/Vue/02-Vue-构建项目写入配置文件.md) - [03 Vue 项目引入 SVG 图标](前端/Vue/03-Vue-项目引入-SVG-图标.md) - [04 Vue 一键导出 PDF](前端/Vue/04-Vue-一键导出-PDF.md) - [05 动态可响应对象](前端/Vue/05-动态可响应对象.md) - [06 Vue 引入 SCSS](前端/Vue/06-Vue-引入-SCSS.md) - [07 Vue 路由权限控制](前端/Vue/07-Vue-路由权限控制.md) - 实战系列 - [01 WebSocket 心跳重连机制](前端/实战系列/01-WebSocket-心跳重连机制.md) - [02 图片加解密二三事](前端/实战系列/02-图片加解密二三事.md) - [03 优雅实现 BackTop](前端/实战系列/03-优雅实现-BackTop.md) - [04 动态加载 JS 文件](前端/实战系列/04-动态加载-JS-文件.md) - [05 常用 DOM 方法比较](前端/实战系列/05-常用-DOM-方法比较.md) - [06 AbortController 中断 fetch](前端/实战系列/06-AbortController-中断-fetch.md) - [07 计算字符所占字节数](前端/实战系列/07-计算字符所占字节数.md) - 后端 - Java - [01 面向对象基本特征与原则](后端/Java/01-面向对象基本特征与原则.md) - [02 Java 数据类型](后端/Java/02-Java-数据类型.md) - [03 Java String](后端/Java/03-Java-String.md) - [04 Java 只有值传递](后端/Java/04-Java-只有值传递.md) - [05 Java final 与 static](后端/Java/05-Java-final-与-static.md) - [06 Java Object 通用方法](后端/Java/06-Java-Object-通用方法.md) - [07 Java 继承](后端/Java/07-Java-继承.md) - [08 Java 反射](后端/Java/08-Java-反射.md) - [09 Java 异常](后端/Java/09-Java-异常.md) - [10 Java 容器](后端/Java/10-Java-容器.md) - [11 Java 虚拟机](后端/Java/11-Java-虚拟机.md) - [12 Java IO](后端/Java/12-Java-IO.md) - [13 Java HashMap](后端/Java/13-Java-HashMap.md) - [14 Java List](后端/Java/14-Java-List.md) - [15 Java Stream](后端/Java/15-Java-Stream.md) - [16 Java 枚举](后端/Java/16-Java-枚举.md) - [17 Java 日期与时间](后端/Java/17-Java-日期与时间.md) - [18 Java fail fast](后端/Java/18-Java-fail-fast.md) - [19 Java BiFunction 和 BinaryOperator](后端/Java/19-Java-BiFunction-和-BinaryOperator.md) - 并发编程 - [01 Java 并发](后端/并发编程/01-Java-并发.md) - [02 synchronized](后端/并发编程/02-synchronized.md) - [03 volatile](后端/并发编程/03-volatile.md) - [04 ReentrantLock](后端/并发编程/04-ReentrantLock.md) - [05 ReadWriteLock](后端/并发编程/05-ReadWriteLock.md) - [06 StampedLock](后端/并发编程/06-StampedLock.md) - [07 CompletableFuture](后端/并发编程/07-CompletableFuture.md) - [08 ForkJoin](后端/并发编程/08-ForkJoin.md) - [09 ThreadLocal](后端/并发编程/09-ThreadLocal.md) - [10 CountDownLatch](后端/并发编程/10-CountDownLatch.md) - [11 ThreadPoolExecutor](后端/并发编程/11-ThreadPoolExecutor.md) - [12 ExecutorService](后端/并发编程/12-ExecutorService.md) - [13 Atom 原子类](后端/并发编程/13-Atom-原子类.md) - [14 BlockingQueue](后端/并发编程/14-BlockingQueue.md) - 高效编程 - [01 30 seconds of java8](后端/高效编程/01-30-seconds-of-java8.md) - [02 函数式替代 for 循环](后端/高效编程/02-函数式替代-for-循环.md) - [03 Java 字符串拼接](后端/高效编程/03-Java-字符串拼接.md) - [04 单例模式的几种实现](后端/高效编程/04-单例模式的几种实现.md) - [05 HashMap 排序](后端/高效编程/05-HashMap-排序.md) - 理论概念 - [01 Java Servlet](后端/理论概念/01-Java-Servlet.md) - [02 Java 服务端分层模型](后端/理论概念/02-Java-服务端分层模型.md) - [03 经典排序算法](后端/理论概念/03-经典排序算法.md) - [04 LRU 缓存淘汰算法](后端/理论概念/04-LRU-缓存淘汰算法.md) - [05 BloomFilter 判断元素存在](后端/理论概念/05-BloomFilter-判断元素存在.md) - [06 Java HashMap 面试大全](后端/理论概念/06-Java-HashMap-面试大全.md) - [07 HTTP 状态码详解](后端/理论概念/07-HTTP-状态码详解.md) - [08 Cookie 和 Session](后端/理论概念/08-Cookie-和-Session.md) - [09 基于消息队列的分布式事务解决方案](后端/理论概念/09-基于消息队列的分布式事务解决方案.md) - [10 微服务之所见](后端/理论概念/10-微服务之所见.md) - 实战系列 - [01 AES CBC 加解密](后端/实战系列/01-AES-CBC-加解密.md) - [02 Magic 魔数获取文件类型](后端/实战系列/02-Magic-魔数获取文件类型.md) - [03 获取请求 IP 地址](后端/实战系列/03-获取请求IP地址.md) - [04 Kaptcha 与数学公式验证码](后端/实战系列/04-Kaptcha-与数学公式验证码.md) - [05 Netty 获取客户端 IP.md](后端/实战系列/05-Netty-获取客户端IP.md) - [06 高性能无锁队列 Disruptor.md](后端/实战系列/06-高性能无锁队列-Disruptor.md) - [07 前后端接入阿里云盾](后端/实战系列/07-前后端接入阿里云盾.md) - Linux - [01 Linux 文件权限系统](后端/Linux/01-Linux-文件权限系统.md) - [02 Linux 常用软件安装](后端/Linux/02-Linux-常用软件安装.md) - [03 CentOS 防火墙](后端/Linux/03-CentOS-防火墙.md) - MySQL - [01 MySQL](后端/MySQL/01-MySQL.md) - [02 SQL 语句 where 1=1](后端/MySQL/02-SQL语句where1=1.md) - [03 truncate 和 delete](后端/MySQL/03-truncate和delete.md) - [04 事务](后端/MySQL/04-事务.md) - [05 关系模型](后端/MySQL/05-关系模型.md) - [06 Mybatis](后端/MySQL/06-Mybatis.md) - [07 MySQL 查看数据库表详情](后端/MySQL/07-MySQL-查看数据库表详情) - Nginx - [01 Nginx 指北](后端/Nginx/01-Nginx-指北.md) - [02 nginx gzip 压缩](后端/Nginx/02-nginx-gzip压缩.md) - Note - [01 Vagrant](后端/Note/01-Vagrant.md) - [02 Docker](后端/Note/02-Docker.md) - [03 Lombok](后端/Note/03-Lombok.md) - [04 Swagger](后端/Note/04-Swagger.md) - [05 Redis](后端/Note/05-Redis.md) - Spring - [01 Spring Boot](后端/Spring/01-Spring-Boot.md) - [02 Spring Validation](后端/Spring/02-Spring-Validation.md) - [03 Spring Data](后端/Spring/03-Spring-Data.md) - [04 Spring 容器](后端/Spring/04-Spring-容器.md) - [05 Spring AOP](后端/Spring/05-Spring-AOP.md) - [06 Spring Transactional 注解](后端/Spring/06-Spring-Transactional-注解.md) - [07 Spring Cloud Netflix](后端/Spring/07-Spring-Cloud-Netflix.md) - [08 Spring Cloud Alibaba](后端/Spring/08-Spring-Cloud-Alibaba.md) - [09 Spring Security oAuth2](后端/Spring/09-Spring-Security-oAuth2.md) - [10 Spring Boot 跨域解决方式](后端/Spring/10-Spring-Boot-跨域解决方式.md) - [11 Spring Boot 请求拦截](后端/Spring/11-Spring-Boot-请求拦截.md) - [12 Spring Boot 异步编程](后端/Spring/12-Spring-Boot-异步编程.md) - [13 Spring Boot 定时任务](后端/Spring/13-Spring-Boot-定时任务.md) - [14 Spring Boot 管理 bean](后端/Spring/14-Spring-Boot-管理-bean.md) - [15 Mybatis 逆向代码生成](后端/Spring/15-Mybatis-逆向代码生成.md) - [16 JWT](后端/Spring/16-JWT.md) - [17 JPA](后端/Spring/17-JPA.md) - [18 Apache Shiro](后端/Spring/18-Apache-Shiro.md) - [19 Spring 异步请求](后端/Spring/19-Spring-异步请求.md) - 书斋 - ES6 标准入门 - [01 变量声明与解构赋值](书斋/ES6-标准入门/01-变量声明与解构赋值.md) - [02 语法的扩展](书斋/ES6-标准入门/02-语法的扩展.md) - [03 数据类型与数据结构](书斋/ES6-标准入门/03-数据类型与数据结构.md) - [04 Proxy 和 Reflect](书斋/ES6-标准入门/04-Proxy-和-Reflect.md) - [05 异步编程 Promise](书斋/ES6-标准入门/05-异步编程-Promise.md) - [06 Iterator 和 for of 循环](书斋/ES6-标准入门/06-Iterator-和-for-of-循环.md) - [07 Generator 函数](书斋/ES6-标准入门/07-Generator-函数.md) - [08 Async 函数](书斋/ES6-标准入门/08-Async-函数.md) - [09 Class 类](书斋/ES6-标准入门/09-Class-类.md) - JavaScript 设计模式 - [01 基础知识](书斋/JavaScript-设计模式/01-基础知识.md) - [02 设计模式（上）](书斋/JavaScript-设计模式/02-设计模式（上）.md) - [03 设计模式（下）](书斋/JavaScript-设计模式/03-设计模式（下）.md) - [04 设计原则和编程技巧](书斋/JavaScript-设计模式/04-设计原则和编程技巧.md) - 纸函 - [01 Interview](纸函/01-Interview.md) - [02 Ceph](纸函/02-Ceph.md) - [03 动态规划](纸函/03-动态规划.md) - [04 Document.designMode](纸函/04-Document.designMode.md) - [2023-01-10](纸函/2023-01-10.md) - 万藏 - 文档 - [01 Git 文档](https://git-scm.com/book/zh/v2) - [02 Linux 命令大全](https://man.linuxde.net/) - [03 七天学会 NodeJS](https://nqdeng.github.io/7-days-nodejs/) - [04 Algorithms](https://www.cs.usfca.edu/~galles/visualization/Algorithms.html) - 工具 - [01 Nginx Config](https://www.digitalocean.com/community/tools/nginx) - [02 ProcessOn](https://www.processon.com) - [03 Flat Icon](https://www.flaticon.com/) - [04 Regexper](https://regexper.com/) - [05 TempMail](https://temp-mail.org/zh/) - [06 Carbon](https://carbon.now.sh/)