在使用 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 Component - github-corners。（成果请到文章末尾取用）
如何实现一个徽章惯性旋转动画？
标题我只能说：懂得都懂。如何评价「懂的都懂」这句话？｜知乎
前言
距离上一次写技术文章过去了多久呢？大概已经屈指不可数了。
与此前相比，无论心境还是境遇也都变化了许多，而我本打算记录的实习生涯还未动笔，便已接近尾声。但愿还有机会一叙。
在家中慵懒地躺了数日，自觉不应继续如此，方翻了个身，决定将此文修整完，以略表奋发之意。
总之，也由衷地希望大家能从中学习到什么或是给我一些更好的改进建议。
那么，……，先旋转起来吧？
「关于加个引号就能变成轻小说标题这件事」
嘛，正如 前文 所言，我确实准备报考教师证。
并立此文章为证，（那没考上岂不是贻笑大方），记录一些过程（破事水）。
因为标题拟的很像轻小说，并且这件事本身其实并不是什么有趣的事（但我希望它能有趣些），所以我决定用我的死宅文风以轻小说的方式来记录一下。（欢迎吐槽，但别太伤人。）
内容简介
成长的苦涩，日常的迷惘。
唯有长大方能看见的真相，让「死宅少年」偏移人生轨迹的事件……
家里蹲死宅少年 —— 云游君，本作的男主角。
可爱女主角 —— 暂无（欢迎参演）
云游君与并不存在的朋友们开始转动命运的齿轮。
未来又是否将就此改变。
……
成年人的青春物语开幕。
静态博客纵有万般好，但不得不承认其常常需要很多奇技淫巧，方能实现甚至无法实现动态网站仅需数行代码便可实现的功能。
评论系统便是其代表之一。
我尝试过数种第三方评论系统（Disqus/Gitalk/Valine/LiveRe(来必力)/畅言/utterance/giscus），并在其中反复横跳，丢失了不少可爱的评论，也很遗憾未能找到一款真正百无挑剔的评论系统。
一个事物的发展往往是一个波浪式前进、循环往复式上升的过程。
我将简单对我使用过的评论系统之利弊进行对比分析（可能包含许多个人色彩），以便各位看官参考。
前言
距离上一次更新似乎又过去了很久，而我也成为了无聊的大人，被实习的工作压的喘不过气来。（此中又有不少波折，待尘埃落定，我再找机会记录它吧。）
我的青春更是早在不知何时已经结束了。
看，简单吧，谁也没有受伤的世界，达成了。
故又拍云并非我的第一个 CDN，但它的确是我截至今日使用最久的 CDN。
而我相信它也是新站长值得一试的服务。
此中玄机，我们不妨先从 CDN 说起。