<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[AhCola]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/AHcola233</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; AHcola233]]></copyright><item><title><![CDATA[父窗口与 iframe 之间的通信]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/128104031</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/128104031</guid><author>AHcola233</author><pubDate>Tue, 29 Nov 2022 19:45:48 +0800</pubDate><description><![CDATA[如何使用 postMessage 和 message 事件进行子窗口（iframe）和父窗口之间的通信]]></description><category></category></item><item><title><![CDATA[Pipelines in Shell]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/128058218</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/128058218</guid><author>AHcola233</author><pubDate>Sat, 26 Nov 2022 22:14:24 +0800</pubDate><description><![CDATA[学习 shell 脚本必须要理解 pipeline 的概念，知道 command 的输入（input）和输出（output）的概念。只有掌握了 pipeline 的机制我们才能更好的写好 shell 脚本，本章内容详细介绍 pipeline。]]></description><category></category></item><item><title><![CDATA[在 Docker 中运行 Mongodb]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/127211067</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/127211067</guid><author>AHcola233</author><pubDate>Sat, 08 Oct 2022 16:18:09 +0800</pubDate><description><![CDATA[本篇内容，详细介绍如何在 docker 中运行 mongo 的。]]></description><category></category></item><item><title><![CDATA[我写了一个配色网站]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/124906336</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/124906336</guid><author>AHcola233</author><pubDate>Sun, 22 May 2022 07:24:56 +0800</pubDate><description><![CDATA[我写了一个配色网站，用于解决软件开发的配色烦恼。💕]]></description><category></category></item><item><title><![CDATA[资源网站推荐]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/124560799</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/124560799</guid><author>AHcola233</author><pubDate>Tue, 03 May 2022 20:29:49 +0800</pubDate><description><![CDATA[一个开源的资源网站推荐，里面包含了程序员和 ui 设计需要的各种资源。网站采用 React + TypeScript 编写。]]></description><category></category></item><item><title><![CDATA[网站开发到上线——castalia]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/123507690</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/123507690</guid><author>AHcola233</author><pubDate>Tue, 15 Mar 2022 17:30:57 +0800</pubDate><description><![CDATA[Castaila 是一个资源导航网站，不只是设计师的灵感源泉，精选国内外优质网站， 让每个人都能找到自己需要的资源。]]></description><category></category></item><item><title><![CDATA[使用 vue 和 canvas 制作的游戏]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/123381875</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/123381875</guid><author>AHcola233</author><pubDate>Wed, 09 Mar 2022 17:01:36 +0800</pubDate><description><![CDATA[游戏
试玩请戳这里：https://pengfeiw.github.io/minicode/hextris
源码： https://github.com/pengfeiw/vue-hextris
游戏是一个复制版本，游戏玩法和设计来源于这里。十分有趣，我第一次玩这个游戏的时候，就被吸引了，因为我是一个程序员，所以就将它用 Vue.js 重写了。
目前，我没有完全复制原来的版本，所以它与原版会有一点差别，但是核心玩法是一样的。
喜欢的，请多支持。

...]]></description><category></category></item><item><title><![CDATA[使用 css 创建 3D 效果的 书籍]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/123115892</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/123115892</guid><author>AHcola233</author><pubDate>Thu, 24 Feb 2022 17:02:28 +0800</pubDate><description><![CDATA[效果

可以在 codepen 上查看效果和源代码。

我整理了一篇关于学习 css 的教程，想要学习 css 或者 复习知识的，可以看一看。
戳 =&gt;&gt;&gt;&gt; css 教程地址 &lt;&lt;&lt;&lt;&lt;= 戳

代码
&lt;div class="book-container"&gt;
  &lt;div class="book"&gt;
    &lt;div&gt;
      &lt;div class="title"&gt;3d book&lt;/div&gt]]></description><category></category></item><item><title><![CDATA[使用 threejs 给网站加入三维特效]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/122696951</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/122696951</guid><author>AHcola233</author><pubDate>Wed, 26 Jan 2022 10:34:12 +0800</pubDate><description><![CDATA[一. 效果
网站地址：pengfeixc.com
minicode：pengfeiw.github.io/minicode

二. sourcecode
pixel image | github

]]></description><category></category></item><item><title><![CDATA[threejs 绘制星空]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/122630641</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/122630641</guid><author>AHcola233</author><pubDate>Fri, 21 Jan 2022 22:28:51 +0800</pubDate><description><![CDATA[效果
online 地址：https://pengfeiw.github.io/minicode/threejs-star

源码
star | github

]]></description><category></category></item><item><title><![CDATA[Threejs 制作的 3D 画展]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/122522038</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/122522038</guid><author>AHcola233</author><pubDate>Sun, 16 Jan 2022 13:11:50 +0800</pubDate><description><![CDATA[online 地址
threejs-gallery 在线地址 | Minicode
源码
gallery - github

]]></description><category></category></item><item><title><![CDATA[Threejs 绘制世界地图]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/122196389</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/122196389</guid><author>AHcola233</author><pubDate>Tue, 28 Dec 2021 16:28:51 +0800</pubDate><description><![CDATA[效果
在线预览地址：threejs-worldmap ，你可以通过鼠标左键旋转，中键缩放，右键平移来操作视口。

实现
通过读取一张透明世界地图的图片数据，然后将图片数据，用 ThreeJs 绘制到场景中。
源码
https://github.com/pengfeiw/threejs-example/blob/main/worldmap.html
更多内容可以关注我的个人网站：我的小站。

...]]></description><category></category></item><item><title><![CDATA[使用 ThreeJs 制作的任意阶级魔方游戏]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/121997736</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/121997736</guid><author>AHcola233</author><pubDate>Fri, 17 Dec 2021 15:37:41 +0800</pubDate><description><![CDATA[基于web的魔方游戏，内有 online 试玩地址和源码。]]></description><category></category></item><item><title><![CDATA[开源的个人博客网站]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/121619914</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/121619914</guid><author>AHcola233</author><pubDate>Mon, 29 Nov 2021 21:47:22 +0800</pubDate><description><![CDATA[想要免费搭建一个个人博客吗？如果答案是肯定的话，那么你来对了地方。????
介绍
我的个人网站，是从年初建立的，已经快一年了，博客端、后台管理及服务端都是自己一行一行手撸出来的，期间技术栈和界面经历了几次更新，目前已基本稳定。

所以最近，我整理了下网站前端所用到的技术，然后利用github page和github action部署了一个类似与我个人博客类似的网站：你好，线性代数，可以进去看一看。

这个网站，是完全开源的，你可以fork一份到自己的仓库，然后和我一样使用github page搭建一个属于自]]></description><category></category></item><item><title><![CDATA[图形学几何入门教程]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/121619663</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/121619663</guid><author>AHcola233</author><pubDate>Mon, 29 Nov 2021 21:15:00 +0800</pubDate><description><![CDATA[最近在写一篇计算机图形几何入门的教程。目前写了两节内容。
《你好，线性代数》
教程名称为《你好，线性代数》，网站是自己开发的，采用github page发布，可以在线阅读，阅读地址：https://pengfeiw.github.io/hellolinearalgebra/。
项目完全开源，开源地址：https://github.com/pengfeiw/hellolinearalgebra。
感兴趣的可以关注一下，若发现教程有误，可以提issue或者pr，感谢任何帮助我完善教程的朋友。

...]]></description><category></category></item><item><title><![CDATA[3D空间中的点坐标转化为屏幕二维点坐标（二）]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/121268616</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/121268616</guid><author>AHcola233</author><pubDate>Thu, 11 Nov 2021 15:22:23 +0800</pubDate><description><![CDATA[????原文地址：3D空间中的点坐标转化为屏幕二维点坐标（二）????
上一节，简单的介绍了计算机时如何将三维世界中的点转化成屏幕上的二维点坐标的，知道了透视矩阵的作用。这一节内容，就是介绍其中的数学计算的过程。
坐标系与矩阵
在三维计算机图形学中，那些呈现在屏幕（画布canvas）上的每个点，都是由三维的点转化的，它们组成了屏幕上的图像。在前面的文章中，我介绍了透视矩阵，透视矩阵的作用就是将三维的点转化成二维的点，展现在屏幕上，也给大家讲解了透视投影矩阵的计算，所以本节内容
当然并不是再次计算透视投影矩阵]]></description><category></category></item><item><title><![CDATA[3D空间中的点坐标转化为屏幕二维点坐标（一）]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/121257337</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/121257337</guid><author>AHcola233</author><pubDate>Wed, 10 Nov 2021 21:32:07 +0800</pubDate><description><![CDATA[每个人在进入计算机图形学的世界中，都有一个同样的困惑，三维世界中的三维坐标是如何被转换成屏幕上的二维坐标的，我如何在屏幕上找到一个点（二维点）对应三维世界中的点（三维点）呢？
要理解其中的过程，对学习计算机图形学是非常重要的。这里，我假设你已经了解计算机图形学中一些基本的数学知识，例如向量和矩阵，也知道矩阵在图形变换中起到的作用。如果不清楚这些概念，或者想重温一下这些数学知识，可以看看我的其他文章。
三维世界中的坐标转换成二维世界中的坐标的这个转换过程，也可以看做矩阵的变换，这个变换矩阵将三维坐标转换成屏幕]]></description><category></category></item><item><title><![CDATA[个人网站项目开源啦]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/121176407</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/121176407</guid><author>AHcola233</author><pubDate>Sat, 06 Nov 2021 11:29:39 +0800</pubDate><description><![CDATA[原文地址：https://pengfeixc.com/blogs/website/site-opensource
先看网站效果：https://www.pengfeixc.com和https://pengfeiw.github.io/hellolinearalgebra/。
之前就考虑把我的个人网站开源，但是因为我的网站比较复杂，包括个客户端页面、后台页面和服务器端，所以一直没有开源。
所以最近花了些时间，整理了下网站，写了一个独立的只有客户端的项目：你好，线性代数，这个项目是完全开源的，并且前端代码几乎是]]></description><category></category></item><item><title><![CDATA[超酷的纯CSS悬浮特效]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/120782354</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/120782354</guid><author>AHcola233</author><pubDate>Fri, 15 Oct 2021 14:17:15 +0800</pubDate><description><![CDATA[本文展示一些纯CSS实现的悬浮动效，附源码。
原文地址：https://pengfeixc.com/blogs/css/pure-css-hover-animation，可以在线编辑代码，查看动画效果。
代码：github。

按钮悬浮动效

卡片悬浮透视动效

卡片悬浮文字平移

卡片悬浮背景动效

图标旋转动效

菜单悬浮动效

纯html、css图标动效

菜单/按钮悬浮动效

涨水效果


更多特效参考：https://www.proglobalbusinesssolutions.com/css-h]]></description><category></category></item><item><title><![CDATA[国庆假期花三天时间在家写个个人网站]]></title><link>https://blog.youkuaiyun.com/AHcola233/article/details/120633295</link><guid>https://blog.youkuaiyun.com/AHcola233/article/details/120633295</guid><author>AHcola233</author><pubDate>Thu, 07 Oct 2021 10:32:24 +0800</pubDate><description><![CDATA[个人网站
国庆假期，花了三天时间，又更新了一下我的个人网站，戳这里可以查看网站。

采用NextJs和Chakra UI技术栈。原来的UI用的是Antd，Chakra UI比Antd界面更加简洁，而且自带黑夜和白天模式，利用自带的黑夜和白天模式，加上我自己自定义了一套颜色切换，完成了目前网站的主题，可以通过右上角的按钮自由切换主题，这也是目前我对这次更新比较满意的一个地方。
后面等我整理好后，我也会把我的前端网站项目开源，想搭建个人网站的朋友可以关注一下。

...]]></description><category></category></item></channel></rss>