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

標籤：style   blog   http   color   io   os   ar   java   for   

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_tpl15                          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

 

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