PHP的Smarty模板，使HTML语言从php中独立出来，很多项目中都是用Smarty模板来前端绑定的。著名的商城开源程序Ecshop的模板就是在smarty模板基础上稍加改动，删除了很多多余不用的东西而改编完成的，所以你Ecshop模板和smarty模板大同小异。但是smarty模板的使用，必须在php中指定。关于php smarty模板的更多知识，后面会陆续补充！

回归正题，jsmart和smarty模板最大的区别就是jsmart不用指定，只要有数据，随时都可以用！效果很强大！任何一个html页面，只要引入jsmart ，用ajax调用后端接口，都可以轻松绑定！

今天主要介绍一下jsmart的简单用法和语法！

首先下载jsmart,http://www.haorooms.com/uploads/js/smart-2.10.min.rar

你也可以jsmart官网下载：https://code.google.com/p/jsmart/downloads/detail?name=smart-2.10.min.js&can=2&q=

引用方法，头部引用就可以：

<script type="text/javascript" src="smart-2.10.min.js"></script>

调用方法是通过如下来的

var tpl = new jSmart(document.getElementById('test_tpl').innerHTML);
var res = tpl.fetch(data);
document.write( res );

看下他的官方例子：

相信前端的同学们对json并不陌生，接触过很多。但是很少人知道json的全称是什么，哈哈，我也是查资料知道的。（JSON JavaScript Object Notation是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。）

json可以以数组传递，也可以以对象传递，我前面的文章PHP对发布版本时间轴数据处理，返回的json格式，是一个数组json，然后里面含有对象，这是json常见的格式。后来经过php的处理，结构又发生了变化，最外层是一个对象了，里面是数组和对象。

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串:

var str1 = '{ "name": "haorooms", "sex": "man" }';

JSON对象:

var str2 = { "name": "haorooms", "sex": "man" };

一、JSON字符串转换为JSON对象

要运用上面的str1，必须运用下面的要领先转化为JSON对象(这一点在ajax返回的时候，经常遇到！)：

//由JSON字符串转换为JSON对象

var obj = eval('(' + str + ')');

或者

ant+yuicompressor在前端部署和服务器发布中用处极大。之前介绍的SASS可以压缩CSS，还有grunt技术等等，都很强大。我在项目中用到的是ant+yuicompressor，ant可以压缩CSS，压缩javascript,并可以传输信息和远程服务器发布！

具体ant安装请看：http://www.haorooms.com/tools/ant_book/

感谢ant高手河名同志贡献的文档，我把文档放到我的小工具中了，可以供前端开发者参阅。源文档是河明写的，我在他的基础上稍加改动，后期将对其继续完善。

下面总结一下我运用ant当中的一些知识吧：

在cmd中输入 ant -Dversion ="某某某"

在build中property可以接受穿来的某某某，代码如下

 <property name="version" value=""></property>

并可以将版本作为文件夹名称或者输出！

相关简单的操作我就不啰嗦了，下面说说css和js的压缩

javascript压缩代码如下：

    <apply executable="java" parallel="false" failonerror="true" dest="输出路径" append="false" force="true">
        <fileset dir="输出路径">
            <exclude name="**/*.min.js" />
            <include name="m/tsses/dessfault/js/zsss.js" />
            <include name="**/*.js" />
        </fileset>
        <arg line="-jar" />
        <arg path="${compressor}" />
        <arg line="--charset utf8" />
        <srcfile />
        <arg line="-o" />
        <mapper type="glob" from="*.js" to="*.js" />
        <targetfile />
    </apply>

记得之前做询价平台的时候，已经在文本框做了非空判断，但是测试人员在输入全交空格之后，居然提交了。为了解决这个问题，我做了去除全交半角空格的判断。时隔几年，我总结一下js的去除空格、回车、制表位的方法！

str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
 str=str.replace(/ /ig,'');//去掉 
str=str.replace(/^[\s　]+|[\s　]+$/g, "");//去掉全角半角空格
str=str.replace(/[\r\n]/g,"");//去掉回车换行

上面的方法基本上能去除所有的空格，回车和制表位等等。 但是有时候我们需要去除左右空格，例如在搜索的时候。 去除左右空格方法：

function String.prototype.Trim() { return this.replace(/(^\s*)|(\s*$)/g, ""); }   // 去掉左右空格

function String.prototype.Ltrim() { return this.replace(/(^\s*)/g, ""); }            // 去掉左空格

function String.prototype.Rtrim() { return this.replace(/(\s*$)/g, ""); }            // 去掉右空格