在将公司一款使用 jQuery 的产品升级到最新的 jQuery 3.6 之后发现部分页面出现了排版异常的问题，查阅了通过 jQuery 生成的 HTML 和 jQuery 3.5 升级文档 后发现是因为 jQuery 从 3.5 版本开始区分 HTML 模式（HTML mode）和 XHTML 模式（XHTML mode） 来解析 HTML 了。
假设有这样一段 js 代码用于创建 jQuery 对象：
jQuery("<div/><span/>")
我们期望生成的 HTML 是这样的：
<div></div>
<span></span>
在 jQuery 3.5 以前生成的确实也是上述内容，但 3.5 版本开始，除非当前为 XHTML 模式，否则 jQuery 会生成这样的 HTML：
<div>
<span></span>
</div>
由于生成的 HTML 发生了变化，从而导致页面排版出现问题。
本文内容使用 NuxtJS 2.14.1 （其中 vue 为 2.6.11， webpack 为 4.44.1） 和 Ant Design of Vue 1.6.4。因为版本和不同类库造成的差异请大家多进行搜索。
用 NuxtJS 开发博客以来，一直有一些体验上的问题，这次正好有时间，便来优化一下，目前的问题主要有：
导致访问速度较慢，特别是首次加载。
从开始筹划开发博客起，我就深陷选择困难症……是使用熟悉的 ASP.NET MVC 技术包办前后端，还是用其它技术生成纯 HTML 静态站点，抑或开发成时下流行的 SPA ？由于工作中多用后端技术，一直很想试试玩一些不一样的东西，于是选择了 SPA 的方案。然后选择题又出现了：是使用 React，Angular 还是 Vue？UI 框架用 Element，Antd，Vuetify，Material-UI……？
本文不对比这些方案，反正我最终决定使用 Vue + Antd 来搭建博客前端。但是基本雏形出现后遇到了未曾预料的问题：作为一个博客站点，最重要的是能被人浏览，而一个名不见经传的小博客除了去论坛里宣传，更重要应该是被搜索引擎收录，也就是需要做 SEO ，比如每个页面有 title（位于 <title> 中） 和 description（位于 <meta> 中）。