Freemarker 教程,Freemarker 压缩HTML成一行

soゝso 2017-01-09 16:52:54 4839

下面介绍一个不常用,而有非常实用的  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)

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

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

版权所属:SO JSON在线解析

原文地址:https://www.sojson.com/blog/208.html

转载时必须以链接形式注明原始出处及本声明。

本文主题:

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

相关文章
js html5 canvas制作多个小球碰撞的动画效果
GZIP压缩JSON,JSON压缩
JSON压缩算法 JSON.hpack ,JSON压缩实现
SpringMVC + Freemarker 模版的使用。
HTML meta标签总结与属性使用介绍
SOJSON动态云端加载,HTML5页面源码(下载),SOJSON特效
CSS简单压缩小工具、不错,推荐下。
Elasticsearch教程(一),全程直播(小白级别)
Elasticsearch教程(二),IK分词器安装
Elasticsearch教程(三),IK分词器安装 (极速版)
最新文章
Javascript 加密/压缩后运行不了,JavaScript报错排查讲解 22
JavaScript 不可逆加密问题排查之方案一(闭包优化) 22
Java爬虫,Jsoup 爬取大众点评、美团商家信息电话号码解决方案 152
分解质因数 JavaScript 计算方式,及分解质因数讲解 4
湖南腾众4s店服务怎么样?进来看看你就知道了 27
SEO 之 SpringMVC redirect 301,301和302区别详细讲解 69
网站如何设置404页面、500等错误页面,有什么漏洞?怎么预防? 87
Java 文字转图片输出,Java 输出透明背景图片,Java文字转图片防爬虫 143
HttpClient获取访问域名的真实ip,HttpClient请求获取目标IP地址 258
又拍云24小时日志下载方法,日志合并,.gz 压缩包多个合并方法 42
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 174625
Elasticsearch教程(四) elasticsearch head 插件安装和使用 137987
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 116249
Elasticsearch教程(六) elasticsearch Client创建 81935
Elasticsearch教程(二),IK分词器安装 76990
Elasticsearch教程(一),全程直播(小白级别) 76877
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 76667
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 74060
Elasticsearch教程(五) elasticsearch Mapping的创建 69248
Elasticsearch教程(三),IK分词器安装 (极速版) 58117

骚码加入我们 / 千人QQ群:259217951

入群需要5元,如果没有QQ钱包,可以先Alipay、微信,赞助然后加群主拉进。

二维码生成 来自 >> 二维码生成器

支付扫码

所有赞助/开支都讲公开明细,用于网站维护:赞助名单查看

正在加载... ...