公司项目使用 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有毛關係。先學好基礎再來談優雅行嗎?