别样
独特为佳
2023-11-05T03:54:46.170Z
https://kitety.github.io/
kitety
Hexo
博客更换网址
https://kitety.github.io/posts/blog-change-url.html
2022-11-20T06:21:57.000Z
2023-11-05T03:54:46.170Z
CS 61 A (Part 4)
https://kitety.github.io/posts/cs-61a-4.html
2022-10-16T03:16:56.000Z
2023-11-05T03:54:46.166Z
<h1 id="CS-61-A-Part-4" >
<a href="#CS-61-A-Part-4" class="heading-link"><i class="fas fa-link"></i></a><a href="#CS-61-A-Part-4" class="headerlink" title="CS 61 A (Part 4)"></a>CS 61 A (Part 4)</h1>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/image/cs61a/4/Untitled.png" alt="Untitled">
</p>
CS 61 A (Part 3)
https://kitety.github.io/posts/cs-61a-3.html
2022-10-16T03:11:55.000Z
2023-11-05T03:54:46.166Z
<h1 id="CS-61-A-Part-3" >
<a href="#CS-61-A-Part-3" class="heading-link"><i class="fas fa-link"></i></a><a href="#CS-61-A-Part-3" class="headerlink" title="CS 61 A (Part 3)"></a>CS 61 A (Part 3)</h1>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/image/cs61a/3//Untitled.png" alt="Untitled">
</p>
CS 61 A (Part 2)
https://kitety.github.io/posts/cs-61a-2.html
2022-10-16T02:59:26.000Z
2023-11-05T03:54:46.166Z
<h1 id="CS-61-A-Part-2" >
<a href="#CS-61-A-Part-2" class="heading-link"><i class="fas fa-link"></i></a><a href="#CS-61-A-Part-2" class="headerlink" title="CS 61 A (Part 2)"></a>CS 61 A (Part 2)</h1>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/image/cs61a/2/Untitled.png" alt="Untitled">
</p>
CS 61 A (Part 1)
https://kitety.github.io/posts/cs-61a-1.html
2022-10-16T02:49:13.000Z
2023-11-05T03:54:46.166Z
<h1 id="CS-61-A-Part-1" >
<a href="#CS-61-A-Part-1" class="heading-link"><i class="fas fa-link"></i></a><a href="#CS-61-A-Part-1" class="headerlink" title="CS 61 A (Part 1)"></a>CS 61 A (Part 1)</h1>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/image/202210161054534.png" alt="Untitled">
</p>
Mysql 学习笔记
https://kitety.github.io/posts/mysql-study-note.html
2022-09-04T09:54:20.000Z
2023-11-05T03:54:46.170Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>用一篇文章来记录我的Mysql学习笔记。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/image/20220904180157.png" >
</p>
Nestjs学习笔记
https://kitety.github.io/posts/nestjs-study-notes.html
2022-08-29T15:58:33.000Z
2023-11-05T03:54:46.170Z
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/image/20220830000642.png" >
</p>
<h1 id="mysql-的安装信息" >
<a href="#mysql-的安装信息" class="heading-link"><i class="fas fa-link"></i></a><a href="#mysql-的安装信息" class="headerlink" title="mysql 的安装信息"></a>mysql 的安装信息</h1>
<blockquote>
<p>C:\Users\kitety>mysqld –initialize –console<br>2021-12-31T13:48:46.173370Z 0 [System] [MY-013169] [Server] D:\fav\mysql-8.0.27-winx64\bin\mysqld.exe (mysqld 8.0.27) initializing of server in progress as process 8884<br>2021-12-31T13:48:46.352720Z 1 [System] [MY-013576] [InnoDB] InnoDB initialization has started.<br>2021-12-31T13:48:52.446815Z 1 [System] [MY-013577] [InnoDB] InnoDB initialization has ended.<br>2021-12-31T13:49:10.994404Z 0 [Warning] [MY-013746] [Server] A deprecated TLS version TLSv1 is enabled for channel mysql_main<br>2021-12-31T13:49:10.994556Z 0 [Warning] [MY-013746] [Server] A deprecated TLS version TLSv1.1 is enabled for channel mysql_main<br>2021-12-31T13:49:11.166673Z 6 [Note] [MY-010454] [Server] A temporary password is generated for root@localhost: CktOrXq9ru&w</p>
</blockquote>
<p>输入net start mysql或sc start mysql</p>
<p>启动mysql服务</p>
<p>ALTER USER ‘root’@’localhost’ IDENTIFIED WITH mysql_native_password BY ‘123456’;</p>
RXJS入门分享之Observable、Operators
https://kitety.github.io/posts/observable-and-operators-shared-by-rxjs-entry.html
2022-08-29T15:25:25.000Z
2023-11-05T03:54:46.170Z
<h3 id="RX的发展" >
<a href="#RX的发展" class="heading-link"><i class="fas fa-link"></i></a><a href="#RX的发展" class="headerlink" title="RX的发展"></a><strong>RX的发展</strong></h3>
<p>源自微软,火于<strong>Netflix</strong>(奈飞)公司。2011年微软开发出RX框架(开发的LinQ扩展出来的开源方案),由于当时的<strong>Netflix</strong>公司发展太快,旧有的一些架构问题加上新增长的一些问题,导致架构特别复杂,一直在寻找一套能够梳理清楚这种复杂架构的框架或模式。<strong>Netflix</strong>公司借鉴了RX的设计理念,基于JAVA语言开发出了RxJava。从此RX这种理念迎来了爆发。发展至今,RX已经形成了一个开源集合,支持多种语言。</p>
<blockquote>
<p>RX支持的语言:<span class="exturl"><a class="exturl__link" href="http://reactivex.io/languages.html" >http://reactivex.io/languages.html</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span></p>
</blockquote>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20220829233509.png" >
</p>
oh-my-zsh中的git alias整理
https://kitety.github.io/posts/git-alias-in-ohmyzsh.html
2022-06-08T13:31:25.000Z
2023-11-05T03:54:46.166Z
<h2 id="终端" >
<a href="#终端" class="heading-link"><i class="fas fa-link"></i></a><a href="#终端" class="headerlink" title="终端"></a>终端</h2>
<p>我的终端使用的是zsh,并且安装了oh-my-zsh,因此内置了一些Git的alias,因此做一个归纳和整理。</p>
<h2 id="查看方法" >
<a href="#查看方法" class="heading-link"><i class="fas fa-link"></i></a><a href="#查看方法" class="headerlink" title="查看方法"></a>查看方法</h2>
<p>如果需要查看,只需要查看<code>~/.oh-my-zsh/plugins/git/git.plugin.zsh</code>这个文件就可以了</p>
<h2 id="别名列表" >
<a href="#别名列表" class="heading-link"><i class="fas fa-link"></i></a><a href="#别名列表" class="headerlink" title="别名列表"></a>别名列表</h2>
<p>在此,顺便列出alias的内容,方便查看。</p>
RXJS学习
https://kitety.github.io/posts/rxjs-learning.html
2022-04-11T11:30:35.000Z
2023-11-05T03:54:46.166Z
<h1 id="RxJS-学习" >
<a href="#RxJS-学习" class="heading-link"><i class="fas fa-link"></i></a><a href="#RxJS-学习" class="headerlink" title="RxJS 学习"></a>RxJS 学习</h1>
<p>Reactive 响应式编程是一种思维模式,并且针对各种语言都有其各自的实现,如:RxJava、RxGo、RxJS 等等。</p>
<p>在前端领域 Reactive 响应式使用的比较多的 RxJS,比如在<strong>Angular</strong>和<strong>Nestjs</strong>等框架中就有内置 RxJS。</p>
<p>RxJS 是 Reactive Extensions for JavaScript 的缩写,起源于 Reactive Extensions,是一个基于可观测数据流 Stream 结合观察者模式和迭代器模式的一种异步编程的应用库。</p>
<p>官网声称可以讲 Rxjs 理解为处理事件的“Lodash”<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20220411193345.png" >
</p>
记录一次前端报错的问题排查
https://kitety.github.io/posts/record-a-front-end-error-troubleshooting.html
2021-12-26T14:15:23.000Z
2023-11-05T03:54:46.166Z
<h2 id="一、事情起因" >
<a href="#一、事情起因" class="heading-link"><i class="fas fa-link"></i></a><a href="#一、事情起因" class="headerlink" title="一、事情起因"></a>一、事情起因</h2>
<p>开始项目是有两个功能分开进行开发的,后面想着可以一起测试上线,就合并到一起进行构建,当发布到测试环境的时候,报了一个之前从来没有见过的错。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20211226221659.png" >
</p>
<p>错误所指向的链接地址也不知所云:</p>
<p>1.Uncaught Error: Minified React error #130</p>
<p>2.Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.</p>
足球诗人:贺炜经典解说台词语录
https://kitety.github.io/posts/football-poet-he-weis-classic-commentary-poems.html
2021-05-11T14:28:10.000Z
2023-11-05T03:54:46.166Z
<div style="width:100%;height:0px;position:relative;padding-bottom:56.327%;"><iframe src="https://streamja.com/embed/P3vll" frameborder="0" width="100%" height="100%" allowfullscreen style="width:100%;height:100%;position:absolute;"></iframe></div>
<h3 id="贺炜诗意点评德法大战" >
<a href="#贺炜诗意点评德法大战" class="heading-link"><i class="fas fa-link"></i></a><a href="#贺炜诗意点评德法大战" class="headerlink" title="贺炜诗意点评德法大战"></a>贺炜诗意点评德法大战</h3>
<blockquote>
<p>他们会明白莫泊桑的一句话<br>生活可能不像你想象的那么好<br>但是也不会像你想象的那么糟<br>人的脆弱和坚强都超乎了自己的想象<br>有时候可能脆弱的一句话就泪流满面<br>有时候你发现自己咬着牙已经走过了很长的路</p>
</blockquote>
关于画点连线的思考
https://kitety.github.io/posts/thoughts-on-drawing-dotted-lines.html
2021-03-20T11:00:23.000Z
2023-11-05T03:54:46.170Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>点和线是平面世界的基础,而画点连线更是基本操作。但是关于画点连线的方法,以及所能带来的思考,也是蛮有意思的。</p>
<p>在这片文章中,我会简单分析画点连线的基本方法。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20210404111938.png" >
</p>
8个小技巧让你成为更好的开发
https://kitety.github.io/posts/8-tips-to-make-you-a-better-developer.html
2021-02-26T03:04:33.000Z
2023-11-05T03:54:46.166Z
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20210226115624.png" >
</p>
<h2 id="摘要" >
<a href="#摘要" class="heading-link"><i class="fas fa-link"></i></a><a href="#摘要" class="headerlink" title="摘要"></a>摘要</h2>
<p>本文主要讲了 8 个小技巧,让你知道如何安排你的工作日和休息时间,以及使用小技巧的重要原因。</p>
2020年末启示
https://kitety.github.io/posts/end-of-2020-inspiration.html
2021-01-04T02:38:03.000Z
2023-11-05T03:54:46.170Z
VSCODE JS调试技巧
https://kitety.github.io/posts/vscode-js-debugging-skills.html
2020-12-16T03:46:52.000Z
2023-11-05T03:54:46.166Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>我们在编码过程中,会经常遇到调试的场景。VSCODE 是我经常使用的编辑器,接下来我就将简单记录几种 VSCODE 调试的方式,如果想看完整的 VSCODE 调试内容请前往<span class="exturl"><a class="exturl__link" href="https://code.visualstudio.com/docs/editor/debugging" >官方地址</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>。</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-12-16/1608099048983-image.png" >
</p>
Git修改Commit信息
https://kitety.github.io/posts/git-modify-commit-information.html
2020-12-07T05:48:30.000Z
2023-11-05T03:54:46.166Z
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-12-7/1607320222725-image.png" >
</p>
<h2 id="背景" >
<a href="#背景" class="heading-link"><i class="fas fa-link"></i></a><a href="#背景" class="headerlink" title="背景"></a>背景</h2>
<p>在我们的业务开发中,最常见的就是使用<code>Git</code>对代码进行版本控制。随之衍生的,就是有可能会遇到修改 Commit Message 的场景,今天我们来总结一下这些基本的操作。</p>
实现自己的React之渲染Class Component
https://kitety.github.io/posts/realize-your-own-react-rendering-class-component.html
2020-11-05T14:25:17.000Z
2023-11-05T03:54:46.166Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>之前我们已经实现了字符串和数字、原生 DOM 的渲染,接下来我们将渲染 Class Component。</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-11-5/1604586613544-image.png" >
</p>
实现自己的React之渲染原生DOM
https://kitety.github.io/posts/realize-your-own-react-rendering-native-dom.html
2020-10-29T12:27:21.000Z
2023-11-05T03:54:46.170Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>之前我们已经用比较规范的方式实现了字符串和数字的渲染,接下来我们将渲染原生 DOM。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-11-3/1604368409871-image.png" >
</p>
实现自己的React之渲染字符串和数字
https://kitety.github.io/posts/realize-your-own-react-rendering-strings-and-numbers.html
2020-10-28T11:59:23.000Z
2023-11-05T03:54:46.170Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>在上一篇文章中我们已经渲染了我们的字符串到 id 为 root 的元素上,但是用的是直接操作 DOM,我们会在后面逐渐的完善它。</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20201028205234.png" >
</p>
实现自己的React之基础准备
https://kitety.github.io/posts/basic-preparation-for-implementing-your-own-react.html
2020-10-27T12:54:36.000Z
2023-11-05T03:54:46.170Z
<h2 id="前言" >
<a href="#前言" class="heading-link"><i class="fas fa-link"></i></a><a href="#前言" class="headerlink" title="前言"></a>前言</h2>
<p>现在的工作中已经用过<span class="exturl"><a class="exturl__link" href="https://reactjs.org/" >React</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>一段时间了,然后就想好好深入学习一下,尝试着写一个简单的 demo 来体验一下。<br>学习事物都有个过程,大概是了解、熟悉、深入。自己做到理解只是第一步,<strong>真正的掌握是能够完全向别人讲清楚</strong>。因此我就想写下笔记,争取向别人讲清楚,也激励自己学习。<br><strong>注意,本次会先实现简单的 React 15.x 版本,React Fiber 版本会在后面推出</strong><br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20201027205937.png" >
</p>
Github在线IDE初体验
https://kitety.github.io/posts/github-online-ide-first-experience.html
2020-10-14T13:21:27.000Z
2023-11-05T03:54:46.166Z
<p>之前就有听说 Github 将推出在线 IDE,一搜索发现很多结果。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20201014212657.png" >
</p>
<p>现在 Github 的在线 IDE 发布一段时间了,官方命名为:<span class="exturl"><a class="exturl__link" href="https://github.com/features/codespaces" >Github Codespaces</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>(点击可以申请),今天我们就来体验一下。</p>
Github和Gitee同步中的坑
https://kitety.github.io/posts/pitfalls-in-github-and-gitee-synchronization.html
2020-10-09T07:50:48.000Z
2023-11-05T03:54:46.166Z
<p>最近在做 Github Pages 到 Gitee Pages 的同步操作,做个镜像备份</p>
<h2 id="仓库同步" >
<a href="#仓库同步" class="heading-link"><i class="fas fa-link"></i></a><a href="#仓库同步" class="headerlink" title="仓库同步"></a>仓库同步</h2>
<p>我的博客构建使用的是 Github Action,因此同步功能使用的是<a href="https://github.com/wearerequired/git-mirror-action"><code>wearerequired/git-mirror-action@master</code></a>。因为 Gitee Page 的并不会随着仓库更新主动更新,因此还需要<a href="https://github.com/yanglbme/gitee-pages-action"><code>yanglbme/gitee-pages-action@master</code></a>做一个 build 的操作。</p>
请珍惜你的社交信用
https://kitety.github.io/posts/please-cherish-your-social-credit.html
2020-09-28T04:59:03.000Z
2023-11-05T03:54:46.166Z
TS学习及type-challenges实操
https://kitety.github.io/posts/ts-learning-and-typechallenges-practice.html
2020-09-22T04:48:14.000Z
2023-11-05T03:54:46.166Z
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200922125418.png" >
<br>之前朋友分享过一个仓库叫做<span class="exturl"><a class="exturl__link" href="https://github.com/type-challenges/type-challenges" >type-challenges</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>,里面的内容类似于用 TS 来“做题”,简而言之就是类型编程。</p>
<p>因为我之前也学习过 TypeScript,在工作也使用过,因此想借此机会巩固一番。</p>
<blockquote>
<p>温故而知新,可以为师矣。</p>
</blockquote>
hexo添加动态背景
https://kitety.github.io/posts/hexo-add-dynamic-background.html
2020-09-04T07:07:33.000Z
2023-11-05T03:54:46.170Z
<h2 id="发现" >
<a href="#发现" class="heading-link"><i class="fas fa-link"></i></a><a href="#发现" class="headerlink" title="发现"></a>发现</h2>
<p>本来想为 hexo 设置背景图片,又不想单调的只有一张图,碰巧发现知乎有个问题:<span class="exturl"><a class="exturl__link" href="https://www.zhihu.com/question/21168322" >哪里有获取随机图片的服务接口?</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>,因此就准备加到博客里面,这样也好看一些。</p>
<p>注意这张图的地址是<code>api</code>,返回是随机的。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://unsplash.it/1920/1080/?random" style="" >
</p>
再学一次JS原型
https://kitety.github.io/posts/learn-js-prototype-again.html
2020-08-23T08:09:51.000Z
2023-11-05T03:54:46.170Z
<h2 id="忘却的知识需要复习" >
<a href="#忘却的知识需要复习" class="heading-link"><i class="fas fa-link"></i></a><a href="#忘却的知识需要复习" class="headerlink" title="忘却的知识需要复习"></a>忘却的知识需要复习</h2>
<p>看到这张图的时候感觉很乱,心中已经忘却的原型知识明显招架不住,因此就需要重新整理一下了。<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200823161711.png" >
</p>
CICD实战之Jenkins构建前端镜像并上传到制品库
https://kitety.github.io/posts/cicd-actual-combat-jenkins-builds-a-frontend-image-and-uploads-it-to-the-product-library.html
2020-08-09T10:41:29.000Z
2023-11-05T03:54:46.166Z
<h2 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h2>
<p>之前的前端构建部署,是通过 scp 传输 dist 的全部文件到指定目录实现部署,这次我们将学习利用 Jenkins 构建 docker 前端镜像并上传到制品库实现部署。</p>
CICD实战之Nexus制品库的介绍与安装
https://kitety.github.io/posts/introduction-and-installation-of-nexus-product-library-cicd-actual-combat.html
2020-08-08T15:25:46.000Z
2023-11-05T03:54:46.166Z
<h2 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h2>
<p>学习 Nexus 制品库的介绍与安装</p>
<h2 id="介绍" >
<a href="#介绍" class="heading-link"><i class="fas fa-link"></i></a><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h2>
<p>在前面我们写到,制品库是<strong>承接 CI 构建后的产出制品的仓库</strong>,具有版本管理,历史管理,权限校验等功能。</p>
<p>在这里,我们选用 Nexus3 作为制品库。</p>
CICD实战之Jenkins Gitlab 实现前端构建
https://kitety.github.io/posts/cicd-actual-combat-jenkins-gitlab-to-achieve-frontend-construction.html
2020-08-01T08:20:01.000Z
2023-11-05T03:54:46.166Z
<h2 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h2>
<p>Jenkins + Gitlab 实现前端构建</p>
<h2 id="正式开始" >
<a href="#正式开始" class="heading-link"><i class="fas fa-link"></i></a><a href="#正式开始" class="headerlink" title="正式开始"></a>正式开始</h2>
<h3 id="Jenkins-安装-NodeJS" >
<a href="#Jenkins-安装-NodeJS" class="heading-link"><i class="fas fa-link"></i></a><a href="#Jenkins-安装-NodeJS" class="headerlink" title="Jenkins 安装 NodeJS"></a>Jenkins 安装 NodeJS</h3>
<p>因为在 Jenkins 构建的时候我们需要去执行一些 shell,需要用到 NodeJS,因此我们先安装 NodeJS。</p>
<p>在这里我们采用插件方式安装。</p>
<h4 id="在-Jenkins-插件管理中心搜索-NodeJS" >
<a href="#在-Jenkins-插件管理中心搜索-NodeJS" class="heading-link"><i class="fas fa-link"></i></a><a href="#在-Jenkins-插件管理中心搜索-NodeJS" class="headerlink" title="在 Jenkins 插件管理中心搜索 NodeJS"></a>在 Jenkins 插件管理中心搜索 NodeJS</h4>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-9-24/1600930571244-image.png" alt="image">
</p>
CICD实战之Nginx搭建
https://kitety.github.io/posts/cicd-actual-combat-nginx-construction.html
2020-07-29T02:50:34.000Z
2023-11-05T03:54:46.166Z
<h2 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h2>
<p>学习 Nginx 的搭建</p>
<h2 id="搭建步骤" >
<a href="#搭建步骤" class="heading-link"><i class="fas fa-link"></i></a><a href="#搭建步骤" class="headerlink" title="搭建步骤"></a>搭建步骤</h2>
<p>这次的 Nginx 我们在一台新机器安装</p>
<h3 id="安装-docker" >
<a href="#安装-docker" class="heading-link"><i class="fas fa-link"></i></a><a href="#安装-docker" class="headerlink" title="安装 docker"></a>安装 docker</h3>
<p><a href="https://kitety.github.io/posts/bc65362f.html#docker-%E4%BB%8B%E7%BB%8D">地址</a></p>
<h4 id="配置阿里源" >
<a href="#配置阿里源" class="heading-link"><i class="fas fa-link"></i></a><a href="#配置阿里源" class="headerlink" title="配置阿里源"></a>配置阿里源</h4>
<p>不配置的话速度很慢<a href="https://kitety.github.io/posts/bc65362f.html#%E9%85%8D%E7%BD%AE%E9%98%BF%E9%87%8C%E4%BA%91%E6%BA%90">地址</a></p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923200001.png" >
</p>
CICD实战之Gitlab搭建
https://kitety.github.io/posts/cicd-actual-combat-gitlab-construction.html
2020-07-26T04:05:29.000Z
2023-11-05T03:54:46.166Z
<h2 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h2>
<p>学习 Gitlab 的搭建</p>
<h2 id="正式开始" >
<a href="#正式开始" class="heading-link"><i class="fas fa-link"></i></a><a href="#正式开始" class="headerlink" title="正式开始"></a>正式开始</h2>
<h3 id="拉取-Gitlab-镜像" >
<a href="#拉取-Gitlab-镜像" class="heading-link"><i class="fas fa-link"></i></a><a href="#拉取-Gitlab-镜像" class="headerlink" title="拉取 Gitlab 镜像"></a>拉取 Gitlab 镜像</h3>
<figure class="highlight bash"><div class="table-container"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">docker pull gitlab/gitlab-ce<br></code></pre></td></tr></table></div></figure>
<p>我这网速的确感人啊</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-9-24/1600930371197-image.png" alt="image">
</p>
CICD实战之Jenkins搭建
https://kitety.github.io/posts/cicd-actual-combat-jenkins-construction.html
2020-07-25T08:29:10.000Z
2023-11-05T03:54:46.166Z
<h2 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h2>
<p>学习 Jenkins 的搭建</p>
<h2 id="准备工作" >
<a href="#准备工作" class="heading-link"><i class="fas fa-link"></i></a><a href="#准备工作" class="headerlink" title="准备工作"></a>准备工作</h2>
<ul>
<li>机器:vmware 虚拟机安装的 centos 的最小版本<span class="exturl"><a class="exturl__link" href="https://blog.csdn.net/babyxue/article/details/80970526" >教程</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span></li>
<li>终端:zsh<span class="exturl"><a class="exturl__link" href="https://www.jianshu.com/p/556ff130fc65" >教程</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>,安装了 autojump、zsh-autosuggestion 以及 zsh-syntax-highlighting 插件<span class="exturl"><a class="exturl__link" href="https://www.zrahh.com/archives/167.html" >教程</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span></li>
<li>使用的 xshell 连接 vmware,方便熟悉<span class="exturl"><a class="exturl__link" href="https://my.oschina.net/u/4306931/blog/3226337" >教程</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span></li>
<li>yum 源阿里源</li>
</ul>
<p>最终终端图</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-9-24/1600929878617-image.png" alt="image">
</p>
CICD实战之基本介绍
https://kitety.github.io/posts/basic-introduction-to-cicd-combat.html
2020-07-24T15:25:19.000Z
2023-11-05T03:54:46.166Z
<h2 id="什么是-CI-CD" >
<a href="#什么是-CI-CD" class="heading-link"><i class="fas fa-link"></i></a><a href="#什么是-CI-CD" class="headerlink" title="什么是 CI/CD"></a>什么是 CI/CD</h2>
<p>在软件工程中,CI / CD 或 CICD 通常是指持续集成以及持续交付或持续部署的组合实践(<span class="exturl"><a class="exturl__link" href="https://www.redhat.com/zh/topics/devops/what-is-ci-cd" >具体</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>)。</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/2020-12-28/1609146550365-image.png" >
</p>
mysql基础知识(一)
https://kitety.github.io/posts/mysql-basic-knowledge-1.html
2020-07-24T03:57:01.000Z
2023-11-05T03:54:46.170Z
<h3 id="目的" >
<a href="#目的" class="heading-link"><i class="fas fa-link"></i></a><a href="#目的" class="headerlink" title="目的"></a>目的</h3>
<p>学习一些基本的 mysql 知识</p>
<h3 id="预备" >
<a href="#预备" class="heading-link"><i class="fas fa-link"></i></a><a href="#预备" class="headerlink" title="预备"></a>预备</h3>
<h4 id="安装-mysql" >
<a href="#安装-mysql" class="heading-link"><i class="fas fa-link"></i></a><a href="#安装-mysql" class="headerlink" title="安装 mysql"></a>安装 mysql</h4>
<p><span class="exturl"><a class="exturl__link" href="https://blog.csdn.net/u014416239/article/details/52446608" >安装教程地址</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span></p>
<h4 id="终端准备" >
<a href="#终端准备" class="heading-link"><i class="fas fa-link"></i></a><a href="#终端准备" class="headerlink" title="终端准备"></a>终端准备</h4>
<p>我这里使用的是<span class="exturl"><a class="exturl__link" href="https://cmder.net/" >cmder</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>,并且设置为管理员模式,加上<span class="exturl"><a class="exturl__link" href="https://blog.csdn.net/hicoldcat/article/details/64904652" >右键快捷打开</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>,挺方便的。</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923200457.png" >
</p>
<p>在准备工作完成之后,正式开始学习。</p>
一首找了五年的歌
https://kitety.github.io/posts/a-song-that-has-been-searched-for-five-years.html
2020-07-02T13:10:29.000Z
2023-11-05T03:54:46.166Z
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=567510388&auto=0&height=66"></iframe>
<h2 id="题记" >
<a href="#题记" class="heading-link"><i class="fas fa-link"></i></a><a href="#题记" class="headerlink" title="题记"></a>题记</h2>
<blockquote>
<p>听听从前的歌,想起走过的路。</p>
</blockquote>
<h2 id="想起了这首歌" >
<a href="#想起了这首歌" class="heading-link"><i class="fas fa-link"></i></a><a href="#想起了这首歌" class="headerlink" title="想起了这首歌"></a>想起了这首歌</h2>
<p>今天和朋友去西岭那边漂流,结果回来的车上有点晕车,搞得我心神不宁。因为是返程,又是从川西那边回来,心里不由自主的回想起从前的时光,然后就很想找一首歌。</p>
培养自己的主人翁意识
https://kitety.github.io/posts/cultivate-your-own-sense-of-ownership.html
2020-07-02T13:09:11.000Z
2023-11-05T03:54:46.170Z
<h2 id="缘起" >
<a href="#缘起" class="heading-link"><i class="fas fa-link"></i></a><a href="#缘起" class="headerlink" title="缘起"></a>缘起</h2>
<p>成长和沉淀,听起来是那么的空洞,其实本质还是在于内心的意识和格局的变化。</p>
<p>有时候我们经常抱怨,要是当初就想到这一点就好了;比如:当初应该早一点开始投资基金、股票,早一点阅读一些关于某某方面的书籍等等。我想这不是在于少数,我也不时有这种“马后炮”想法。归其原因,有可能是我们的社交环境造成了思维局限,还有就是自己的处理事情主观能动性。</p>
<p>而今天我想讲的就是一种“主人翁意识”。</p>
CSS 伪类合集分享
https://kitety.github.io/posts/css-pseudoclass-collection-sharing.html
2020-06-28T02:32:54.000Z
2023-11-05T03:54:46.170Z
<!-- demo的样式 -->
<style>
.demo{
border:1px dashed #ccc;
padding:5px;
}
.demo:hover{
box-shadow: 0 0 11px rgba(33,33,33,.2);
}
</style>
<h2 id="引用" >
<a href="#引用" class="heading-link"><i class="fas fa-link"></i></a><a href="#引用" class="headerlink" title="引用"></a>引用</h2>
<p>分享总结一下现有的伪类和简单的 demo<br>源地址:<span class="exturl"><a class="exturl__link" href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes" >MDN</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span></p>
<h2 id="伪类" >
<a href="#伪类" class="heading-link"><i class="fas fa-link"></i></a><a href="#伪类" class="headerlink" title="伪类"></a>伪类</h2>
<h3 id="active" >
<a href="#active" class="heading-link"><i class="fas fa-link"></i></a><a href="#active" class="headerlink" title=":active"></a>:active</h3>
<p>匹配被用户激活的元素。它让页面能在浏览器监测到激活时给出反馈。当用鼠标交互时,它代表的是用户按下按键和松开按键之间的时间。</p>
<details>
<summary>展开查看</summary>
<figure class="highlight html"><div class="table-container"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs html"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"demo"</span>></span><br> <span class="hljs-tag"><<span class="hljs-name">style</span>></span><span class="language-css"></span><br><span class="language-css"> <span class="hljs-selector-class">.demo</span> <span class="hljs-selector-class">.active</span><span class="hljs-selector-pseudo">:active</span>{ <span class="hljs-attribute">color</span>:red;}</span><br><span class="language-css"> </span><span class="hljs-tag"></<span class="hljs-name">style</span>></span><br> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"active"</span>></span>鼠标按下就变为红色<span class="hljs-tag"></<span class="hljs-name">div</span>></span><br><span class="hljs-tag"></<span class="hljs-name">div</span>></span><br></code></pre></td></tr></table></div></figure>
</details>
<div class="demo">
<style>
.demo .active:active{ color:red;}
</style>
<div class="active">鼠标按下就变为红色</div>
</div>
Your connection is not private | 您的连接不是私密连接的解决办法
https://kitety.github.io/posts/your-connection-is-not-private-solution.html
2020-06-19T03:41:33.000Z
2023-11-05T03:54:46.166Z
<p>随着 Chrome 的升级会推荐使用 https 的模式开发,当我们使用 https 的模式进行开发时让然会出现以下提示:<br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923175214.png" >
</p>
Chrome Network面板解析
https://kitety.github.io/posts/chrome-network-panel-analysis.html
2020-06-14T11:15:20.000Z
2023-11-05T03:54:46.166Z
<h2 id="Network-打开方式" >
<a href="#Network-打开方式" class="heading-link"><i class="fas fa-link"></i></a><a href="#Network-打开方式" class="headerlink" title="Network 打开方式"></a>Network 打开方式</h2>
<ul>
<li>在控制台打开的情况选择 Network 按钮</li>
<li>输入快捷键<code>Ctrl+Shift+P</code>,再输入 <code>Network</code></li>
</ul>
<h2 id="初识面板" >
<a href="#初识面板" class="heading-link"><i class="fas fa-link"></i></a><a href="#初识面板" class="headerlink" title="初识面板"></a>初识面板</h2>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923175812.png" >
</p>
Chrome Console面板解析
https://kitety.github.io/posts/chrome-console-panel-analysis.html
2020-06-04T14:48:15.000Z
2023-11-05T03:54:46.166Z
<h3 id="Console-面板的打开方式" >
<a href="#Console-面板的打开方式" class="heading-link"><i class="fas fa-link"></i></a><a href="#Console-面板的打开方式" class="headerlink" title="Console 面板的打开方式"></a>Console 面板的打开方式</h3>
<ul>
<li>在控制台打开的情况选择 console 按钮</li>
<li>在 DevTool 的其他面板按 ESC 键打开面板(在开发者工具获得焦点的情况下)</li>
<li>在右上角的菜单打开(setting–show–console–drawer)</li>
<li>输入快捷键<code>Ctrl+Shift+P</code>,再输入 <code>Console</code><br>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/ia_10006.gif" >
</li>
</ul>
HTTP协议原理笔记
https://kitety.github.io/posts/http-protocol-principle-notes.html
2020-05-25T13:41:08.000Z
2023-11-05T03:54:46.170Z
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923200114.png" >
</p>
<h2 id="导学" >
<a href="#导学" class="heading-link"><i class="fas fa-link"></i></a><a href="#导学" class="headerlink" title="导学"></a>导学</h2>
<h3 id="现状" >
<a href="#现状" class="heading-link"><i class="fas fa-link"></i></a><a href="#现状" class="headerlink" title="现状"></a>现状</h3>
<ul>
<li>现在的 WEB 开发不理解 HTTP</li>
<li>HTTP 相当的重要</li>
<li>提升自身价值
Chrome Elements面板解析
https://kitety.github.io/posts/chrome-elements-panel-analysis.html
2020-05-05T03:00:03.000Z
2023-11-05T03:54:46.166Z
<h3 id="Chrome-开发者工具的打开方式" >
<a href="#Chrome-开发者工具的打开方式" class="heading-link"><i class="fas fa-link"></i></a><a href="#Chrome-开发者工具的打开方式" class="headerlink" title="Chrome 开发者工具的打开方式"></a>Chrome 开发者工具的打开方式</h3>
<p>在开始面板分析之前,说下 DevTool 的打开方式。</p>
<ul>
<li>右键 Inspect(Ctrl+Shift+I)</li>
<li>F12 打开(或者光标放在地址栏 F12 打开)</li>
<li>Menu -> More tools -> Developer Tools</li>
</ul>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923192035.png" >
</p>
Chrome开发者工具总览
https://kitety.github.io/posts/overview-of-chrome-developer-tools.html
2020-05-05T02:54:01.000Z
2023-11-05T03:54:46.166Z
<h2 id="缘起" >
<a href="#缘起" class="heading-link"><i class="fas fa-link"></i></a><a href="#缘起" class="headerlink" title="缘起"></a>缘起</h2>
<p>起初本来是看到旁边的一个同事在看<strong>Application</strong>面板的<strong>Service Workers</strong>的功能,然后想到自己虽然说是工作也接近两年了,但是 Chrome 开发者工具的面板自己又有多少的理解呢?</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://cdn.jsdelivr.net/gh/kitety/blog_img@master/img/20200923174740.png" >
</p>
走,再走一波干海子
https://kitety.github.io/posts/go-another-wave-of-dry-sea.html
2020-04-06T03:24:54.000Z
2023-11-05T03:54:46.166Z
<p>说起干海子,因为我并不玩抖音,也不刷微博,其实我并不了解。但是却不经意间去了两次了,一次是前公司 2019 年 6 月底的团建,还有一次就是昨天和朋友一起去。</p>
<p>
<img class="lazyload lazyload-gif"
src="/images/loading.svg" data-src="https://i.loli.net/2020/04/06/VkvcI1nTaeRMB28.png" alt="image.png">
</p>
春日的太阳
https://kitety.github.io/posts/spring-sun.html
2020-03-24T15:44:30.000Z
2023-11-05T03:54:46.170Z
JS箭头函数三连问:为何用、怎么用、何时用
https://kitety.github.io/posts/three-consecutive-questions-about-js-arrow-functions-why-how-and-when.html
2020-03-22T01:42:08.000Z
2023-11-05T03:54:46.166Z
<p>在现代JS中最让人期待的特性就是关于箭头函数,用<code>=></code>来标识。箭头函数有两个主要的优点:其一是非常简明的语法,另外就是直观的作用域和<code>this</code>的绑定。</p>
<p>因为这些优点,箭头函数比起其他形式的函数声明更加受欢迎。比如,受欢迎的<code>airbnb eslint configuration库</code>会强制使用JavaScript箭头函数创建匿名函数。</p>
<p>然而,就像世间万物一样,箭头函数有一些优点也有一些“缺点”,这就需要在使用的时候做一些权衡了。</p>
<p>学习如何权衡是使用好箭头函数的关键。在这篇文章中我们将回顾箭头函数是怎样工作的,然后深入探讨,实际代码中箭头函数是如何改进我们代码的,以及一些箭头函数不推荐的情况。</p>
Hello World
https://kitety.github.io/posts/hello-world.html
2020-03-20T16:00:00.000Z
2023-11-05T03:54:46.166Z
<p>Welcome to <span class="exturl"><a class="exturl__link" href="https://hexo.io/" >Hexo</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>! This is your very first post. Check <span class="exturl"><a class="exturl__link" href="https://hexo.io/docs/" >documentation</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span> for more info. If you get any problems when using Hexo, you can find the answer in <span class="exturl"><a class="exturl__link" href="https://hexo.io/docs/troubleshooting.html" >troubleshooting</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span> or you can ask me on <span class="exturl"><a class="exturl__link" href="https://github.com/hexojs/hexo/issues" >GitHub</a><span class="exturl__icon"><i class="fas fa-external-link-alt"></i></span></span>.</p>
<h2 id="Quick-Start" >
<a href="#Quick-Start" class="heading-link"><i class="fas fa-link"></i></a><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2>
<h3 id="Create-a-new-post" >
<a href="#Create-a-new-post" class="heading-link"><i class="fas fa-link"></i></a><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3>
<figure class="highlight bash"><div class="table-container"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">$ hexo new <span class="hljs-string">"My New Post"</span><br></code></pre></td></tr></table></div></figure>