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

JavaScript017

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>

oc已全部翻译完成视频总4个视频免费下载

链接:https://pan.baidu.com/s/12bUfNF9uv56gwVkd8T05qg

提取码:64s9

oc已全部翻译完成视频 总4个视频|OC教程04:速建+讲解.mp4|OC教程03:如何给机器人添加纹理与着色.mp4|OC教程02:场景管理.mp4|OC教程01:涂鸦的投射原理与应用.mp4

上海智能社javascript,百度云盘下载地址:提取码:onfp讲的真的不错,不过我认为他的视频适合学习过html和css的人来学习,没有学习过css的,建议先去学习下,里面纯属学习javascript的课程,其他写css的都很快的,啪啪啪的速度高效,而且全部以实践为主,当初我是学他的视频起步的,真心牛逼。你学完里面的32部视频你就完全可以出师了。