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

  • 相关阅读:
    第八周上机
    第七周作业
    第七周上机练习
    第六周作业
    第六次上机
    第五次上机
    第四周作业
    第四周上机练习
    第三次作业
    第二次作业
  • 原文地址:https://www.cnblogs.com/sandea/p/4019079.html
Copyright © 2020-2023  润新知