手机开发类型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