2013年时冲浪时发现很多人的个人网站做的非常漂亮，于是就想自己制作一个个人网站，于是买了域名 (www.imlongluo.com ) 和VPS，用 LNMP (Linux + Nginx + MySQL + Wordpress) 搭建了第一个个人网站 www.imlongluo.com （域名续费太贵，此网站现已废弃 :-( ）。当时废寝忘食学习前端 (HTML, CSS, JS) 技术。哪个页面好看就在自己的网站上复制一个，当时做了好几个前端页面。
我本意只是想搭建个博客，写点自己的东西罢了！由于第一个网站太花哨，反而喧宾夺主了。于是重拾初心，注册了第2个域名 longluo.me ，用 jekyll 做了一个纯静态网页，速度飞快！
Jekyll 美观不足，后来又陆续换过其他框架。目前网站是用 Hexo + Theme NexT 构建的。
了解我 | About Me
2013 年 用 impress.js 制作了下图所示的 个人介绍 页面，现在回看时觉得当时自己还有点中二气息，这个页面就留作纪念吧，作为人生之旅上的一朵小浪花!
旅行足迹 | Life’s Journey
2013 年在做个人主页 (www.imlongluo.com) 时，看到展示个人足迹的页面，于是在个人主页也做了一个，如下图所示，传送门 →
使用 jVectorMap 制作，然后加上你自己足迹经纬度就行了。
2023年4月29日用 Planetary.js 又重做了一个页面更酷炫点的地球足迹图，效果如下所示，传送门 → ，这个界面还有待优化
天气 | Weather
2014 年为了学习Web开发，参考网上教程做了一个最基础的天气页面练手，可以输入城市名称获取到当日天气，传送门 → 。
这个界面非常非常简单，有时间的话，To-Do List:
- 界面还需要美化。
- 根据IP地址自动获取城市信息，然后更新天气。
- 根据IP或者输入城市，获取城市照片作为页面背景。
- 增加天气3D效果，下雨页面就下雨等。
简历 | Resume
2014年参考网络做了一个在线 个人简历Resume ，如下图所示：
最近在利用 Hugo 制作一个简历页面，目前还在开发完善中，传送门 → 。
Fourier Series Interactive Simulator | 傅里叶级数在线可视化模拟器
法国天才数学家 傅里叶 在研究热传导方程时，洞察到任何周期函数都可以用一系列的正余弦函数组合而成，即 傅里叶级数 Fourier Series ，具体可参考之前写的一篇文章： 傅里叶变换 Fourier Transform 。
傅里叶级数可视化如下图所示，传送门 → ：
Fourier Transform Interactive Simulator | 傅里叶变换在线可视化模拟器
离散形式的傅里叶变换可以使用 快速傅里叶变换(FFT)算法 来快速求解。
傅里叶变换如下图所示，传送门 → ：
2D Discrete Fourier Transform | 2维傅里叶变换在线可视化
一维 傅里叶变换 就是任何函数都可以分解为一系列正弦函数。如果将 Discrete Fourier transform 拓展到二维，那么二维傅里叶变换最简单理解就是任何二维图像都可以分解为一系列彼此正交的面，可参考这篇文章 二维傅里叶变换 2D Fourier Transforms 可视化 。
2维傅里叶变换可视化如下图所示，传送门 → ：
上图是最简单的场景之一，下图是将一张飞机图片转换为二维傅里叶变换，不过这里还存在一些bug，需要完善。
PID Algorithm Interactive Simulator | PID 算法在线互动式模拟器
PID 算法 是自动控制领域中很重要的算法。这个是模拟电影 《Wall-E》 中 Wall-E 和 Eve 在太空中跳舞片段，如何才能让 Wall-E 利用灭火器精确地飞到 Eve 旁边。通过这个模拟器，能更清楚的了解 P ，I , D 3 个参数的作用。
PID 算法在线互动式模拟器，传送门 → ：
之前这个是 PID v1.0 版本，最近重构了代码，增加了一些新功能：
- 增加机器人速度 \(v\) 及加速度 \(a\) 显示；
- 增加 2 个图表展示 PID X 轴方向及 Y 轴方向的 P、I、D \(3\) 个分量随时间变化显示；
- 之前代码将时间及速度固定了，但这不符合实际，增加随 \(dt\) 变化积分和微分项；
Todos:
- 增加阻力因素，以更接近实际;
- 增加自动调谐P，I，D 3个参数的功能，目前开发中。
PID Controlled Cart | PID 平衡小车
PID 平衡小车在线互动式模拟器，传送门 → ：
Kalman Filter Interactive Simulator | 卡尔曼滤波算法在线互动式模拟器
卡尔曼滤波算法在线互动式模拟器，传送门 → ：
Kalman Filter 2D Interactive Simulator | 卡尔曼滤波算法 2D 在线互动式模拟器
2D 卡尔曼滤波算法在线互动式模拟器，在线体验 传送门 → ：
Neural Network | 机器学习手写数字识别
机器学习是目前最热门的领域。从最简单的手写数字识别开始，掌握 神经网络 是如何做到自动识别手写数字的， 在线体验 传送门 → ：
Bezier Curve | 贝塞尔曲线
贝塞尔曲线(Bezier Curve) 是一种非常优雅的绘制曲线的方法，在线体验 传送门 → ：
Cordic 算法快速计算三角函数值
CORDIC 算法是一种高效计算三角函数值的方法 ，比泰勒展开式更方便快捷，在线体验 传送门 → ：
- 可以调整不同迭代次数，提高精度：
- 可以查看每次迭代的结果，掌握 Cordic 算法迭代原理：
