这是Kitety的个人站点，简单记录。

Kitety别样

应室友婚礼之邀，我踏上了八月的贵州之旅。这里晴空高远，气候宜人，与成都截然不同。我们品尝了地道的贵州烙锅，辣椒面令人回味无穷。旅途中偶遇的山景和与当地小朋友的互动，成为意外之喜。虽未游览名胜，但这次旅行因真挚的人际交流和不期而遇的美景而意义非凡。


贵州旅游之不期而遇的风景

这篇文章介绍了DeepLX在沉浸式翻译和Bob翻译的使用和CloudFlare部署等，还简单描述了可能出现问题的原因以及相关的解决办法，包括DeepLX的实现思路。

DeepLX在沉浸式翻译和Bob翻译的使用及Cloudflare部署

一份全面的SEO开发实践指南，详细介绍了如何通过技术选型、开发细节、性能优化和SEO元素等关键方面来提升网站的搜索引擎优化（SEO）。文章强调了友好URL、响应式设计、语义化标签、合理使用链接标签、404页面设置、图片优化、缓存和CDN利用、规范化索引、SEO三元素（TDK）以及核心Web体验指标（Core Web Vitals）的重要性。作者还提供了关于如何创建Sitemap、robots.txt和利用Lighthouse进行跑分优化的实践技巧。

⽹站SEO开发实践

记录2023年11月的鱼子西和康定木格措旅行

鱼子西与木格措

悬溺一响，纯爱登场；悬溺再响，遗憾收场，致每个人心里的白月光。

肖鹿视频文案赏析

本来之前买了Pixel3手机用来备份相册，但是一直有其他事忙就没有来得及写总结。最近终于有空做了个记录，经过我多方比较，谷歌相册仍旧是目前相册备份最佳选择。

谷歌相册-相册备份最佳选择

C#异步编程-21 异步中的同步上下文

C#异步编程-16 TaskCompletionSource

C#异步编程-18 异步和 continuation 以及语言的支持

C#异步编程-19 await

C#异步编程-20 编写异步函数

C#异步编程-10 Synchronization Context

C#异步编程-11 线程池

C#异步编程-12 开始一个 Task

C#异步编程-13 Task 的返回值

C#异步编程-14 Task 的异常

C#异步编程-15 Coninuation

C#异步编程-01 线程 Thread 创建线程

C#异步编程-02 Thread Join Thread Sleep

C#异步编程-03 阻塞 Blocking

C#异步编程-04 什么是线程安全

C#异步编程-05 向线程传递数据 异常处理

C#异步编程-06 前台线程 vs 后台线程

C#异步编程-07 线程优先级

C#异步编程-08 信号简介

C#异步编程-09 富客户端应用处理耗时操作

《士兵突击》经典语录涵盖了众多深刻的人生哲理。从许三多、成才等角色的口中，我们领悟到 “不抛弃、不放弃” 的精神，以及关于成长、荣誉、尊严的思考。这些语录展现了军人的坚韧与担当，也给予我们面对生活挑战的勇气和力量，具有深刻的教育意义。

《士兵突击》经典语录

C#知识学习—28 泛型List类（Part-1）

C#知识学习—29 泛型List类（Part-2）

C#知识学习—29 泛型List类（Part-2）List<T> 简介

C#知识学习—30 泛型List类（Part-3）

C#知识学习—30 泛型List类（Part-3）List<T> 简介

C#知识学习—24 接口，依赖反转，单元测试

C#知识学习—25 接口隔离，反射，特性，依赖注入

C#知识学习—26 泛型，partial类，枚举，结构体

C#知识学习—27 泛型委托，Lambda表达式，LINQ小串讲

C#知识学习—22 重写与多态

C#知识学习—23 抽象类与开闭原则

C#知识学习—21 类的继承，类成员的访问控制

C#知识学习—19 类

C#知识学习—20 类的声明与访问级别

C#知识学习—16 事件详解（1）

C#知识学习—17 事件详解（2）

C#知识学习—18 事件详解（3）

C#知识学习—14 方法参数进阶，扩展方法

C#知识学习—15 委托详解

Study Python Mutable Sequences  in CS 61A.

CS 61A(Part 11) - Mutable Sequences

C#知识学习—13 字段，属性，索引器，常量

C#知识学习—12 表达式，语句详解（2）

C#知识学习—12 表达式，语句详解（3）

C#知识学习—11 表达式，语句详解（2）

C#知识学习—10 表达式，语句详解（1）

C#知识学习—09 操作符详解（下）

C#知识学习—09 操作符详解（3）

C#知识学习—08 操作符详解（中）

C#知识学习—08 操作符详解（2）

C#知识学习—06 方法的定义、调用与调试（下）

C#知识学习—07 操作符详解（上）

C#知识学习—07 操作符详解（1）

以前的几位同学都来成都了，头几次出来聚了几次之后，都说后面安排一次室外的活动，想到最近的就是都江堰青城山了。

青城山小游

C#知识学习—04 类型，变量与对象详解（下）

C#知识学习—05 方法的定义、调用与调试（上）

C#知识学习—02 C#词法，类型，变量，方法与算法简介

C#知识学习—03 类型，变量与对象详解（上）

C#知识学习

C#知识学习——01类，对象，类成员简介

C#知识学习—01类，对象，类成员简介

CS 61A(Part 10) - Tree Structure

这次有时间，恰逢疫情之后开放，就约着学长一起要去转转了民大，久违的感觉，真好。

游览民大

毕棚沟和双桥沟旅行记录

记录一次在docker中，使用unzip解压乱码的修复过程

Docker解压乱码问题修改

网易新闻2022年度盘点：致敬每一个扛住了生活的平凡人

网易新闻的2022年度盘点

MongoDB学习笔记

Study Sequences & Data Abstraction in CS 61A.

CS 61A(Part-8) - Sequences & Data Abstraction

Study Python Recursion Examples  in CS 61A.

CS 61A(Part 7) - Recursion Example

CS 61A(Part 6) - Recursion

Study Python Higher Order Function in CS 61A.

CS 61A(Part 5) - Higher Order Function

一些话记录

这篇文章介绍了创建新的Frame的过程，包括调用表达式、创建绑定、定义函数等步骤。其中提到了create bindings类似于JavaScript中的作用域，同时强调了父级始终是在函数定义时确定的。文章还提到了高阶函数（hoc）、闭包（lambda）以及在函数中定义的p=f1的概念。

CS 61 A (Part 4) - Environment Diagrams

CS 61 A (Part 3) - Control

CS 61 A (Part 2) - Function

CS 61 A (Part 1) - Expression

文章是一篇关于MySQL学习笔记的详细记录，作者分享了自己在学习MySQL过程中的理解和实践。内容包括MySQL的基本概念、安装与配置、数据库和表的基本操作、数据类型、存储引擎、事务处理、索引、视图、预处理、存储过程、自定义函数、批量数据处理等多个方面。
文章还介绍了如何在Node.js中使用MySQL，包括使用mysql和mysql2驱动库进行数据库操作，以及如何配置加密方式和连接池。此外，作者还探讨了Sequelize这一基于Promise的Node.js ORM模块，解释了ORM的概念、Sequelize的基本使用、数据库连接池、Sequelize-CLI的运用等。
整篇文章内容丰富，不仅适合MySQL初学者作为学习指南，也适合有一定基础的开发者作为参考和复习资料。

Mysql 学习笔记

文章是关于NestJS学习笔记的记录，涵盖了从MySQL安装和配置，到NestJS项目的创建、控制器生成、数据库操作、拦截器使用、端到端测试、多数据库配置、验证和授权、TypeORM CLI使用以及Heroku部署等方面的内容。作者分享了在学习和使用NestJS过程中的一些心得体会和实践经验，为读者提供了宝贵的参考信息。

Nestjs学习笔记

文章概述了RxJS的核心概念，包括Observable、Observer、Subscription、Operators等，并解释了RxJS的优势和应用场景。通过实例和弹珠图，文章展示了如何创建Observable和使用操作符处理数据流，以及如何在前端框架如Angular中应用RxJS。

RXJS入门分享之Observable、Operators

这篇文章介绍了在使用 zsh 终端时安装 oh-my-zsh 并配置 Git 别名的过程。通过查看git.plugin.zsh 文件，可以查看到预先配置的 Git 别名列表，包括 add、commit、push 等常用别名。这些别名可以帮助简化 Git 命令的输入，提高工作效率

oh-my-zsh中的git alias整理

这篇文章介绍了RxJS（Reactive Extensions for JavaScript）的基础知识和应用，它是响应式编程在前端领域的一个重要库，尤其在Angular和Nestjs等框架中得到广泛应用。文章解释了响应式编程的概念，并通过Observable和Observer模式引入RxJS的核心思想。接着，文章详细介绍了如何创建Observable，包括使用create、of、from、empty、never、throw、timer等方法。此外，还探讨了RxJS的操作符（Operators），如map、concat、take、skip、takeLast、last、merge、combineLatest、zip、scan、debounceTime、distinct、distinctUntilChanged、repeat和retryWhen等，这些操作符类似于数组方法，用于处理和转换数据流。

RXJS学习

这篇文章描述了项目开发过程中遇到的一个问题，包括问题的起因、排查流程和最终解决方案。问题起因是两个功能分开开发后合并测试时出现报错，经过排查发现是 webpack 误 tree shaking 了一句有问题的代码。文章反思了排查问题的过程，强调了先复现问题再解决问题的重要性，提出了正确的排查思路。

记录一次前端报错的问题排查

这篇文章包含了对几场比赛的观察和点评，以及对参赛队伍和球员的赞赏和致敬。作者表达了对各队在比赛中展现的勇气、坚韧和拼搏精神的敬意，同时也提到了人生中面对困难时需要坚强面对的态度。文章中还强调了成功和失败的相对性，以及面对失败的正确态度。整体而言，文章展现了作者对体育精神和人生态度的深刻思考。

足球诗人：贺炜经典解说台词语录

这篇文章介绍了在平面世界中绘制点和线的基础知识，并通过创建canvas和使用PIXI库简化操作来实现。还讨论了贝塞尔曲线的重要性，包括二次贝塞尔曲线的绘制方法和如何绘制平滑曲线。文章还提到了如何绘制贝塞尔曲线的切线，以及在解决问题时如何绘制贝赛尔曲线保持切线平行。最后，文章总结了使用线段位置与常数乘积效果最好的演示方法，并鼓励读者借鉴前人思考成果。

关于平滑曲线绘制算法的思考

这篇文章介绍了8个小技巧，帮助你更好地安排工作日和休息时间，并探讨了使用这些技巧的重要原因。关键技巧包括不要过度计划，尽量完成3到5个工作；将工作安排看作是一次马拉松，只提前计划一周的工作；选择有意义的活动，如锻炼，可以帮助你更好地学习；保持专注，花更少的时间专注工作比分散精力的工作效果更好；远离手机，在工作和学习中尽量不要使用手机，将其作为奖励；明确每天的期望和要求，并写下来以避免分散注意力；重视睡眠，它对学习和记忆至关重要；多喝水，良好的组织和坚持目标也是成功的关键。

8个小技巧让你成为更好的开发

这篇文章总结了几条关于工作和学习的重要原则：首先，无论做什么工作都要尽职尽责，因为公司不养闲人。其次，技术分享可以增加话语权，要将分享落地结合业务逻辑，增加影响力。另外，学习要超越表面使用，理解实现原理，保持好奇心。还要学习领导的过人之处，找到值得学习的地方。此外，到不同环境学习现在所缺乏的，先进理念在这些地方学习。要学会产生价值，实现自身价值。最后，心态始终重要。

2020年末启示

文章介绍了多种使用VSCODE进行JavaScript调试的方法，包括单文件调试、直接调试、配置文件方式、项目调试、npm script脚本方式、打断点、launch.json配置和命令行方式。文章强调了根据不同项目需求选择合适的调试策略，并提供了详细的操作步骤和配置说明。

VSCODE JS调试技巧

这篇文章总结了修改 Git commit 信息的方法，包括修改最近一次和非最后一次 Commit Message，以及删除一个 Commit Message 的步骤。详细介绍了准备环境、使用 vi 编辑模式和 git rebase 命令的操作流程。

Git修改Commit信息

文章探讨了在自制React框架中渲染Class Component的过程。它解释了React 15中Class Component的渲染和更新机制，以及如何通过React.createElement创建组件。文章通过代码示例详细描述了渲染步骤，包括实例化React.Component、处理生命周期方法和递归渲染子元素。最后，文章预告了将介绍的diff更新算法。

实现自己的React之渲染Class Component

这篇文章讲述了实现字符串和数字的渲染后，接下来将渲染原生 DOM 的过程。文章提到了需要了解简单的正则知识来匹配事件和 style 属性，并介绍了使用正则的 test 判断以及与 String.place 搭配使用的方法。文章还提到了在元素创建时采用事件委托绑定事件，元素移除时也要移除事件，使用命名空间实现简便操作的技巧。最后，文章通过分析 React 代码的原理，介绍了 JSX 是 React.createElement 的语法糖。

实现自己的React之渲染原生DOM

这篇文章介绍了渲染字符串到指定元素上的问题，并提出了使用工厂函数解决方案。作者修改了目录结构，实现了文本操作类，最终暴露了工厂函数供使用。

实现自己的React之渲染字符串和数字

这篇文章探讨了作者在使用React一段时间后的深入学习经历。作者强调了理解React的重要性，并介绍了使用jQuery简化原生DOM操作和事件绑定的做法。在环境搭建方面，作者使用了create-react-app工具快速创建项目，并对代码进行了替换和简化。文章最后指出，虽然已经建立了基本开发环境，但作者计划逐步深入学习原生DOM和类组件。

实现自己的React之基础准备

这篇文章介绍了GitHub最新推出的在线IDE服务GitHub Codespaces。用户可以在克隆代码时选择"plain"进入，查看已有的IDE列表或新建。该服务支持同步配置和插件扩展，自动识别package.json安装依赖，并预装了基础环境如node、docker、npm、git、python等。用户可以全局安装Hexo并启动项目，也可以通过Docker安装PostgreSQL。然而，与本地VSC相比，接口/graphql使用不如本地开发舒适，缺少一些辅助扩展。总体来说，GitHub Codespaces的推出为开发者提供了更便捷的开发环境。

Github在线IDE初体验

这篇文章总结了在将代码同步到 Gitee 和构建 Gitee Pages 时可能遇到的问题和解决方法。其中包括使用 wearerequired/git-mirror-action@master 同步到 Gitee，使用 yanglbme/gitee-pages-action@master 构建 Gitee Pages 的步骤，以及解决登录问题的方法。

Github和Gitee同步中的坑

请珍惜你的社交信用

TS学习及type-challenges实操

这篇文章描述了使用免费API获取随机图片，用于设置Hexo主题背景图片，并在Next主题的样式文件中添加了背景图片的CSS样式，实现了背景图片的动态变化效果。

hexo添加动态背景

这篇文章介绍了前端构建部署通过SCP传输dist文件到指定目录的实现方式，以及学习使用Jenkins构建docker前端镜像并上传到制品库部署的过程。其中提到了登录制品库和Jenkins容器，配置Nginx以拉取和部署docker镜像，添加DockerFile文件描述镜像制作过程，以及利用docker镜像实现版本控制和更新的好处。

CICD实战之Jenkins构建前端镜像并上传到制品库

这篇文章介绍了学习 Nexus 制品库的过程，包括制品库的概念与功能，使用 Nexus3 搭建制品库的详细步骤，以及如何配置 Nexus 和使用 Docker 私服。文章还提到了如何推送镜像到私服并验证，最后展望了接下来构建代码并推送到私服的步骤。

CICD实战之Nexus制品库的介绍与安装

这篇文章探讨了单例模式的解决问题，通过将描述同一事物的属性和特征归类存储在同一内存空间中，避免了全局变量之间的冲突和污染。作者介绍了高级单例模式的概念，通过匿名函数形成私有作用域，在其中创建堆内存并将地址赋值给命名空间，可以在命名空间中创建多个内容，只返回需要提供给外部调用的内容。此外，文章还讨论了在浏览器中 this 的作用域，工厂模式的优点，以及面向对象的定义和原型链的查找原则。

再学一次JS原型

这篇文章记录了在 Jenkins 中安装 NodeJS、配置环境、生成公钥私钥、配置 Gitlab 公钥、配置 Jenkins 私钥、同步到 Nginx 环境以及发布到 Nginx 的过程。作者表示完成了 Jenkins + Gitlab 的搭建，准备开始实战。

CICD实战之Jenkins Gitlab 实现前端构建

学习思考

技术分享

碎片杂文

学习记录

游记&相册🏠

一些话📚

Github

心得

React

前端

Nextjs

算法

这篇文章详细介绍了如何打开 Chrome 开发者工具中的 Network 面板，并对面板中的工具栏、启用网络记录、清除请求日志、请求过滤、过滤输入框等功能进行了说明。还介绍了如何使用 Hide Data URLs 隐藏 data: 协议的 URL，以及如何进行请求搜索、禁用缓存、模拟网络情况、导入导出请求文件等操作。文章最后总结了信息总览栏、Filter、请求区和基本表头的作用和使用方法。

Chrome

Network 面板

网络请求分析

请求过滤

网络情况模拟

请求详情

Chrome Network 面板

Chrome Network面板解析

这篇文章介绍了打开 Console 面板的几种方式，以及面板的基本结构和功能选项。它还提供了关于 Console Api 的一些常用方法和参考资源链接。文章详细说明了如何使用控制台工具进行调试和查看日志信息，是开发者使用 Chrome DevTools 的重要参考资料。

Console面板

Console

命令使用

日志管理

Chrome Console 面板

Chrome Console面板解析

这篇文章介绍了如何打开 Chrome 开发者工具和初识 Elements 面板，以及 DOM 面板的使用方法和基本编辑操作。还包括了元素的隐藏、删除、恢复操作，右键菜单功能，属性子面板的使用方法，以及 Event Listeners、DOM Breakpoints、Properties 和 Accessibility 等功能的简要说明。文章总结了 Chrome Elements 面板的全部内容，为读者提供了对该面板的全面了解。