dot.js的运用(初来乍到前端版)

JavaScript08

dot.js的运用(初来乍到前端版),第1张

参考文章: dot.js用法详细参考

dot.js在我眼中是个模板引擎,因为项目中经常会用到排版,例如下面两张图片,有模板嵌套的话,就很方便。

首先看一下我的JSON接口传来的

数据

,我格式化了一下,我截取了2条

在前端获取JSON数据里,我用的是ajax异步获取(我用的是apicloud,所以用他的获取方法,道理都是一样的)

因为是异步处理,我们把需要处理的内容放在回调函数function里(因为我们要先获取到了数据,才能进行其他操作啊!曾经的犯错,回顾。)。现在console.log(JSON.stringify(ret.data)),打印出的应该是data的内容,截取了2条。如果console.log(ret.data),打印出的应该是对象,所以转换成字符串。(关于JSON对象,字符串等问题,上一篇)

现在看一下第一大点的dot.js的用法的第三点

按照这个格式,我写了下面这个模板和调用方法:

我运用了weui的页面框架,样式简单,不讲了,大概是:

<div class=weui.grids>

    <div class=weui-grid></div>  //我用dot.js方法,把这个设成了模板,循环了一下把数据放进去。

</div>

首先定义一个数组 var arr=[2,4,5,3,5,3,0]//这里以整形数组为例

确定数组的长度arr.length

利用循环语句遍历数组

var arr=[2,4,5,3,5,3,0]

var arrvalue//用于存放取出的数组的值

for(var i=0i<arr.lengthi++){

arrvalue=arr[i]//数组的索引是从0开始的

console.log(arrvalue)//把取出的值打印在控制台上

}

可以用正值表达式哦~~JS判断是否为数字,是否为整数,是否为浮点数 正则表达式方法function checkRate(input)

{

var re = /^[0-9]+.?[0-9]*$/ //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/

if (!re.test(input.rate.value))

{

alert("请输入数字(例:0.02)")

input.rate.focus()

return false

}

}下面为普通函数写法function BASEisNotNum(theNum)

{

//判断是否为数字

if (BASEtrim(theNum)=="")

return true

for(var i=0i<theNum.lengthi++){

oneNum=theNum.substring(i,i+1)

if (oneNum<"0" || oneNum>"9")

return true

}

return false

}function BASEisNotInt(theInt)

{

//判断是否为整数

theInt=BASEtrim(theInt)

if ((theInt.length>1 &&theInt.substring(0,1)=="0") || BASEisNotNum(theInt)){

return true

}

return false

}function BASEisNotFloat(theFloat)

{

//判断是否为浮点数

len=theFloat.length

dotNum=0

if (len==0)

return true

for(var i=0i<leni++){

oneNum=theFloat.substring(i,i+1)

if (oneNum==".")

dotNum++

if ( ((oneNum<"0" || oneNum>"9") &&oneNum!=".") || dotNum>1)

return true

}

if (len>1 &&theFloat.substring(0,1)=="0"){

if (theFloat.substring(1,2)!=".")

return true

}

return false