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

一、dot.js的运用方法(非本人,很详细到位)

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

二、个人用法

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

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

个人用法之图一:

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

数据

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

dot.js的运用(初来乍到前端版)_第2张图片
dot.js的运用(初来乍到前端版)_第3张图片

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

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

dot.js的运用(初来乍到前端版)_第4张图片

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

dot.js的运用(初来乍到前端版)_第5张图片


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

dot.js的运用(初来乍到前端版)_第6张图片
dot.js的运用(初来乍到前端版)_第7张图片
我觉得不是append()方法,是html(),但我老师改成了append()方法,不懂,费解。

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

   

  //我用dot.js方法,把这个设成了模板,循环了一下把数据放进去。


初来乍到的新人,写的不对或者不好的请指出。

每天只要花一点点时间,学习一点点,就是进步。

你可能感兴趣的:(dot.js的运用(初来乍到前端版))