一媒峡、dot.js的運用方法(非本人嚷炉,很詳細到位)
參考文章:dot.js用法詳細參考
二捅厂、個人用法
dot.js在我眼中是個模板引擎避乏,因為項目中經(jīng)常會用到排版爷耀,例如下面兩張圖片,有模板嵌套的話拍皮,就很方便歹叮。
個人用法之圖一:
首先看一下我的JSON接口傳來的
數(shù)據(jù)
,我格式化了一下铆帽,我截取了2條
在前端獲取JSON數(shù)據(jù)里咆耿,我用的是ajax異步獲取(我用的是apicloud,所以用他的獲取方法爹橱,道理都是一樣的)
因為是異步處理萨螺,我們把需要處理的內(nèi)容放在回調(diào)函數(shù)function里(因為我們要先獲取到了數(shù)據(jù),才能進行其他操作袄⑶慰技!曾經(jīng)的犯錯,回顧冯键。)∪桥危現(xiàn)在console.log(JSON.stringify(ret.data)),打印出的應該是data的內(nèi)容,截取了2條。如果console.log(ret.data),打印出的應該是對象惫确,所以轉換成字符串手报。(關于JSON對象,字符串等問題掩蛤,上一篇)
現(xiàn)在看一下第一大點的dot.js的用法的第三點
按照這個格式枉昏,我寫了下面這個模板和調(diào)用方法:
我運用了weui的頁面框架匾南,樣式簡單蛆楞,不講了,大概是:
<div class=weui.grids>
? ? <div class=weui-grid></div> ? //我用dot.js方法夹厌,把這個設成了模板豹爹,循環(huán)了一下把數(shù)據(jù)放進去。
</div>