doT.js

1.js超五个字节省略符号代替的用法

var str="这里是字符串aaaa";//原始字符串
var s = str;//要展示的字符串
if(str.length>10){
  s=str.substring(0,10)+"...";
}

2，其实doT.js和js差不多

之前的代码因为name过长导致样式出现了问题所有总想不出有什么方法解决尝试了一下竟然行了

之前的代码

<script id="doT" type="text/template">
{{for (var i = 0; i < it.length; i++){}}
<li>
   <a href="/goods-{{=it[i].goods_id }}.html"></a>
      <@image src="{{=it[i].thumbnail }}" alt="{{=it[i].name }}"/>
      <div class="li_ri">
         <h3>{{=it[i].name }}</h3>
         <span class="sm">{{=it[i].goods_model_id }}</span>
         <span class="pr">{{=it[i].sale_price }}起</span>
{{?( it[i].buy_count  == null)}}
<span class="kc">库存 : {{=it[i].own_store }} 已售：0</span>
{{?}}
{{?( it[i].buy_count  != null)}}
<span class="kc">库存 : {{=it[i].own_store }} 已售：{{=it[i].buy_count }}</span>
{{?}}
         <i class="souc"  rel="{{=it[i].goods_id }}"></i>
      </div>
</li>
{{}}}
</script>

现在在获取name的地方加上s=str.substring(0,10)+"..."就行了就和js一样用

<script id="doT" type="text/template">
{{for (var i = 0; i < it.length; i++){}}
	<li>
	   <a href="/goods-{{=it[i].goods_id }}.html"></a>
	      <@image src="{{=it[i].thumbnail }}" alt="{{=it[i].name }}"/>
	      <div class="li_ri">
	         <h3>{{=it[i].name.substring(0,10)+"..." }}</h3>
	         <span class="sm">{{=it[i].goods_model_id }}</span>
	         <span class="pr">{{=it[i].sale_price }}起</span>
			 {{?( it[i].buy_count  == null)}}
			 	<span class="kc">库存 : {{=it[i].own_store }} 已售：0</span>
			 {{?}}
			 {{?( it[i].buy_count  != null)}}
			 	<span class="kc">库存 : {{=it[i].own_store }} 已售：{{=it[i].buy_count }}</span>
			 {{?}}
	         <i class="souc"  rel="{{=it[i].goods_id }}"></i>
	      </div>
	</li>
{{}}}
</script>