技术博客

Freemarker 教程,Freemarker 压缩HTML成一行

信息发布:soゝso 发布日期:2017-01-09 16:52 热度:2272 分享到:

下面介绍一个不常用,而有非常实用的  Freemarker   内置方法,  Freemarker  压缩代码成一行的方法 compress

一、Freemarker 压缩HTML compress 方法

默认不带参数的 compress ,可以 删掉空白行。使用的时候,把  html  包起来即可。如下:

<#compress>html 代码</#compress>

在包裹起来的代码每一行代码就顶到最前面了,我在页面的前后加上了 compress 看下图:

然后显示的效果页面参考下图:

二、Freemarker 压缩HTML成一行 compress 方法

其实压缩成一行就多了一个参数:

<@compress single_line=true>HTML代码</@compress>

也是同理,需要把 HTML 包裹起来。所以我就不示图表示怎么用,二十直接上效果图:

  HTML  代码就成一行了,压缩率非常高。

PS:注意的地方,如果页面里有  CSS  ,  Javascript  ,是会一起压缩的,所以这个时候,要注意你的语法了,如果  Javascript  写的有问题就会导致页面  Javascript  报错,可能不太明白,这主要和平时的写代码习惯有问题,我下面举例说明:

//这段代码,压缩之前,这么运行没问题。
var i = 0
var b = 1
console.log(i,b)

//压缩之后就成如下代码,看出来问题了吗?
var i = 0var b = 1console.log(i,b)


//还有这种恶心的写法:
if(i = 0)
	console.log(i)
	if(i=1)
	i=++i
	else
	i+=1
elseif(i=3)
	console.log(i+2)

//压缩后:
if(i = 0)console.log(i)if(i=1)i=++ielsei+=1elseif(i=3)console.log(i+2)

已吐,看着难受,我吐槽一下,为什么这些人要这么写?为什么一个‘;’和一个‘{}’ 都那么吝啬?

所以平时就得强烈的要求自己,严格的要求自己,就算是测试代码,也不能马虎,因为你写的不是代码,而是良好的习惯。习惯一旦养成,就是你的属性。

本文主题

如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。

¥我需要走的更远,点击我 赞助。 如果还有疑问,点击我加群,为你提供最好的解答。


工具导航地图