手機開發類型jquery的架構Zepto（API）

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          };      

下一代Jquery模闆-----JsRender

http://www.cnblogs.com/anjey/archive/2012/08/13/2636316.html