手机开发类型jquery的框架Zepto（API）

浏览数：25 / 时间：2015年06月11日

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。

http://www.html-5.cn/Manual/Zepto/

Echo.js – 简单易用的 JavaScript 图片延迟加载插件

http://www.cnblogs.com/lhb25/p/echo-js-image-lazy-loading-plugin.html

jquery.template.js与Zepto结合

 1 var findMsgs = function(msgIds) {
 2              $.ajax({
 3                  url: "/mobile/lightmall/sitebar",
 4                  dataType: "json",
 5                  data: {
 6                      ids: msgIds,
 7                      page: 0,
 8                      limit: 10000,
 9                      action: "findMsgs"
10                  },
11                  success: function(data) {
12                      $(".loading").hide();
13                      if (data && data.ret == 0 && data.msglist.length > 0) {
14                          // bar_list_tpl
15                          msglist = data.msglist;
16                          for(var i=0; i<msglist.length; i++) {
17                              var msg = msglist[i];
18                              if(msg.cover) {
19                                  msg.cover = msg.cover.split(",")[0];
20                              }
21                          }
22                          var msg_list_tpl = document.getElementById("msg_list_tpl").text;
23                          var msg_list_html = $.template(msg_list_tpl).render(data);
24                          $(".msglist").append(msg_list_html);
25                          if (data.msglist.length < page_size) {
26                              $(".control").hide();
27                          }
28                          // 懒加载图片
29                          imgLazyLoad();
30                      } else {
31                          $(".control").hide();
32                      }
33                  }
34              });
35          };