AI 春联 ​

开门见山，今年的整活是「AI 春联」～

• 站点：https://ai-sfc.yunyoujun.cn/

根据你的提示词，自由地定制属于你的春联!

　　　　好运迎门

旧 　　　　　　　　　 新
岁 　　　　口　　　　 年
辞 　　　口　口　　　 喜
别 　　口　乐　口　　 迎
成 　　　口　口　　　 福
绩 　　　　口　　　　 气
斐 　　　　　　　　　 多

🏠家，🎆烟花和🧧红包封面 原文：https://mp.weixin.qq.com/s/XwyrAQ0cQBPaLSgQQLfXWw

新的一年即将到来。

但是……很不幸，时间的流逝永远不会停止。 时光如箭，你的过去在不停增多，你的未来在不断减少，未知的可能性只会越来越少，而无法改变的后悔在累积如山。 你明白了吗？

起因 ​

18 年春天的某个午后，我突发奇想买下了 yunle.fun 这个域名。 并在站点编年史中如下记载：

又注册了个新域名：yunle.fun（云乐坊），以后要是能开工作室就用这个名字吧(笑)。

也就是说从很久以前，我的脑海中便充斥着一些不切实际的幻想，比如希望拥有一个属于自己的工作室。

而究其根本原因，无非是想要不用上班、财富自由之类的老生常谈。

亦与诸君共勉。

仔细想来，当初决定搭建博客，也无外乎此。 「超自然9人组」动画中的我闻优太，用奇怪的网名经营着一个超自然博客，并一心想着靠联盟行销致富。 于是，伴随动画播出的 16 年年底，「云游君的小站」诞生了。

只是时至今日，虽然博客逐渐有了一些访问量，但与最初的动机似乎仍然有着道难以逾越的鸿沟。

在使用 Babylon 写 ADV.JS VRM 模型编辑器 的人物骨骼旋转动画的时候，我发现几乎所有的骨骼旋转均使用四元数（Quaternion）实现。

于是我便打算好好了解一下相关的内容，但是网上搜到的不少帖子比如 Unity 欧拉角的旋转顺序都是互相矛盾的，导致自己也不知道相信哪个为好，决定还是自己实验下。

同时写了下自己对四元数和万向锁的直观理解，希望能对有兴趣了解这方面的后来者有所帮助。

因为有不少随手的截图和公式，所以就先放在了语雀上。也欢迎随时勘误！

Web Components ​

什么是 Web Components?

Web Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的 web 应用中使用它们。

Web Components 实际上和现在 React/Vue 等前端框架的组件概念十分相似，或者倒不如说 Vue 的 SFC（单文件组件）其实正是借鉴自 Web Components 的概念。 它本身 Shadow DOM 的方案做了 CSS 隔离，很好地解决了 CSS 命名污染等问题，但 Web Components 除了规范推进缓慢，也还有很多开发（效率、生态、兼容等）上的不足。

简单来说 Web Components 其实就好比给予你一些浏览器的 API 权限，去定义一个 HTML 标签来自己使用。 更多的介绍其实看 MDN 的介绍即可，也无需在这听我这二手的长篇大论。

Web Components | MDN

我自己本身也向来讨厌通篇理论，而热衷实践，所以我们不妨动手一试，写一个真正实用的 Web Component - github-corners。（成果请到文章末尾取用）

如何实现一个徽章惯性旋转动画？

标题我只能说：懂得都懂。如何评价「懂的都懂」这句话？｜知乎

前言 ​

距离上一次写技术文章过去了多久呢？大概已经屈指不可数了。 与此前相比，无论心境还是境遇也都变化了许多，而我本打算记录的实习生涯还未动笔，便已接近尾声。但愿还有机会一叙。

在家中慵懒地躺了数日，自觉不应继续如此，方翻了个身，决定将此文修整完，以略表奋发之意。 总之，也由衷地希望大家能从中学习到什么或是给我一些更好的改进建议。

那么，……，先旋转起来吧？

前言 ​

距离上一次更新似乎又过去了很久，而我也成为了无聊的大人，被实习的工作压的喘不过气来。（此中又有不少波折，待尘埃落定，我再找机会记录它吧。）

我的青春更是早在不知何时已经结束了。

看，简单吧，谁也没有受伤的世界，达成了。

故又拍云并非我的第一个 CDN，但它的确是我截至今日使用最久的 CDN。

而我相信它也是新站长值得一试的服务。

此中玄机，我们不妨先从 CDN 说起。