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

Kitety别样

在React Native的世界中，目的是为了构建高性能的APP。除了React Native提供的组件（Components），还有一个强大的React Native社区，提供了很多丰富实用的组件。今天我们就来罗列出React Native十款优秀的组件。

10个必备的ReactNative组件

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


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

这篇文章介绍了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原型

学习思考

技术分享

碎片杂文

学习记录

游记&相册🏠

一些话📚

Github

心得

Component

ReactNative

旅游

贵州

友情缘分

React

前端

Nextjs

算法

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

Chrome

Network 面板

网络请求分析

请求过滤

网络情况模拟

请求详情

Chrome Network 面板

Chrome Network面板解析

password

icon

date

type

Property

slug

status

title

summary

表格

公告

Your connection is not private | 您的连接不是私密连接的解决办

文章分享了一个CSS伪类的合集，并提供了简单的demo。伪类用于定义元素的特殊状态，如:active、:only-child、:any-link、:only-of-type、:blank、:empty、:optional、:checked、:hover、:out-of-range、:in-range、:indeterminate、:default、:placeholder-shown、:invalid、:read-only、:read-write、:disabled、:enabled、:lang()、:not()、:focus和:focus-within。这些伪类可以用于增强用户交互体验和页面的响应性。文章还提到了浏览器兼容性问题，并建议通过Can I Use网站查看具体的兼容性信息。

解决办法

源代码

参考