公司项目使用 Velocity 作为模板引擎,它有个致命的问题——在输出的 HTML 页面中会产生与开发时一致的空白符(空格、缩进、换行符等)!
影响性能什么的不说,它会影响页面布局的呈现!如——
<p class="ws">
<p>Block</p>
<p>Block</p>
</p>
.ws p {
display: inline-block;
background-color: red;
}
代码运行后在两个元素中间会看到明显的间距,这不是所期望的!
网上搜过,说的都是在开发时源码上的处理,这实在是太不过优雅!有什么在渲染阶段而非编码阶段进行处理的优雅方式吗?
先读出velocity模板内容,然后用正则表达式把#if #else等标签前面的空格去除,然后封装成一个VelocityUtil公共类来处理,该处理算不上非常优雅,但是能够满足需求。
我用velocity从来没遇到你说的这种情况,你的html代码是写在模板文件里,跟velocity有毛关系。先学好基础再来谈论优雅行吗?