# ES6最佳實踐 ## 廢棄!!! 使用vue 或者webpack ## 引用 ``` <script src="https://cdn.bootcss.com/babel-core/5.8.23/browser.min.js"></script> ``` ## Ajax使用Promise ``` $.ajax({ url:'/' }).then(function(res){ },function(err){ }) ``` ## 模板字符串 ``` <script > // 通過ajax let data = [ { name:'哈哈哈1', remark:'阿里可視對講安利是的驕傲立刻就打了空間大萊克斯頓', tags:['很好','五星好評','好吃'], tags_visible:0, }, { name:'哈哈哈2', remark:'阿里可視對講安利是的驕傲立刻就打了空間大萊克斯頓', tags:['很好','五星好評','好吃'], tags_visible:1, }, { name:'哈哈哈3', remark:'阿里可視對講安利是的驕傲立刻就打了空間大萊克斯頓', tags_visible:0, tags:['很好','五星好評','好吃'], }, ]; // 下面使用到了判斷和遍歷 let list_html= ''; data.map(item=>{ const str = ` <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg"> <div class="weui-media-box__hd"> <img class="weui-media-box__thumb" src=""> </div> <div class="weui-media-box__bd"> <h4 class="weui-media-box__title">${item.name}</h4> <p class="weui-media-box__desc">${item.remark}</p> <p class="${!item.tags_visible&&'hide'}">${item.tags_visible&&item.tags.map(tag=>{ return `<span style="background-color:#1abc9c;padding: 2px 5px;margin: 0 2px">${tag}</span>` }).join('')} </p> </div> </a>`; list_html+=str; }) console.log(list_html); $('.weui-panel__bd').append(list_html); </script> ```