Freemarker 教程,Freemarker 压缩HTML成一行

soゝso 2017-01-09 16:52:54 2649
分享到:

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

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

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

关于作者
目前就职于国内某电商平台公司打杂。。
相关文章
Freemarker教程Freemarker 自定义方法 【含源码】
Shiro教程(八)Shiro Freemarker标签的使用。
Freemarker Macro Demo
GZIP压缩JSON,JSON压缩
SpringMVC + Freemarker 模版的使用。
Myecilpse,Eclipse安装Freemarker插件【附件】
JSON压缩算法 JSON.hpack ,JSON压缩实现
Freemarker静态化加载模板的三种方式
Mysql5.6下载安装,Mysql5.7下载安装 ,Windows64位,绿色安装(解压缩安装)图文安装教程
Elasticsearch教程),全程直播(小白级别)
最新文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 38952
JS解密,JavaScript 解密,任何JS加密都能100%解密,以及JS 加密讲解 72
阿里云DNS 解析讲解,SEO配置搜索引擎线路解析 43
百度秒收录教程,怎么做到百度秒收入你的页面,SEO 教程 97
CDN 请求返回 connection reset by peer,被拦截请求解决方案 35
Google AdSense 申请技巧,谷歌广告申请通不过教程 67
Mac 安装 JMeter,JMeter 下载,JMeter Http 压力测试【图解】 49
支付宝吱口令自动复制脚本,自动复制 JavaScript 代码介绍 887
谈谈这次对 SOJSON 的改版 149
Java 计算2个时间相差多少年,多少个月,多少天的几种方式 492
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 38952
Elasticsearch教程(四) elasticsearch head 插件安装和使用 109045
Elasticsearch教程(六) elasticsearch Client创建 73282
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 70746
Elasticsearch教程(二),IK分词器安装 67471
Elasticsearch教程(三),IK分词器安装 (极速版) 54078
Elasticsearch教程(五) elasticsearch Mapping的创建 51579
Elasticsearch教程(一),全程直播(小白级别) 51306
Elasticsearch教程(七) elasticsearch Insert 插入数据(Java) 47753
Elasticsearch权威指南-中文.pdf,Elasticsearch 中文文档下载 40919

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

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

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

支付扫码

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

正在加载... ...