jquery.lazyload (JS懒加载框架使用详解)

Posted 会飞的夜良

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery.lazyload (JS懒加载框架使用详解)相关的知识,希望对你有一定的参考价值。

 /** 本地加载方式加载JS*/
        NSString *path = [[NSBundle mainBundle] pathForResource:@"jquery.js" ofType:nil];
        NSString *path2 = [[NSBundle mainBundle] pathForResource:@"jquery.lazyload.js" ofType:nil];
        
        NSURL *url = [NSURL fileURLWithPath:path];
        NSURL *url2 = [NSURL fileURLWithPath:path2];
        /** 懒加载图片方法*/
        NSString *lazyImg = @"<script type=\"text/javascript\">$(function() {$(\"img\").lazyload({effect : \"fadeIn\"});});</script>";
        
        NSString *strCore =[NSString stringWithFormat:@"<script src=\"%@\" type=\"text/javascript\"></script><script src=\"%@\" type=\"text/javascript\"></script>",url,url2];
        
        ;
        /** 请求头*/
        NSString *strHead = [NSString stringWithFormat:@"<html><head>%@<style type=\"text/css\">"
                                     "body { font-family:\"%@\"; color:%@; font-size:%f; }</style>%@</head><body>",
                                     strCore,@"HelveticaNeue-Light", fontColor,
                                     font.pointSize,lazyImg];
        /** 请求体*/
        NSString *strBody = content;
        
        NSString *strFoot = @"</body></html>";
        
        /** 请求html地址*/
        NSString *html =
        [NSString stringWithFormat:@"%@%@%@", strHead, strBody, strFoot];
        
         NSLog(@"%@",html);
        [self loadHTMLString:html
                     baseURL:nil];

        self.scrollView.scrollEnabled = NO;

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSTimeInterval runInterval = ([CommonUtils currentTimeIntervalDouble] - startTestTime);
    
    DLog(@"页面加载耗时%f秒", runInterval);
    
//    [self closeActivityIndicatorView];
    
    self.alpha = 1;
    
    // 禁用用户选择
    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect=‘none‘;"];
    
    // 禁用长按弹出框
    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout=‘none‘;"];
    
    // Disable bouncing in webview
    for (id subview in webView.subviews) {
        if ([[subview class] isSubclassOfClass: [UIScrollView class]]) {
            [subview setBounces:NO];
        }
    }
    
    CGFloat mWebViewHeight = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
    [self.handleDelegate handlemWebViewHeight:mWebViewHeight webView:self];
}

以上是关于jquery.lazyload (JS懒加载框架使用详解)的主要内容,如果未能解决你的问题,请参考以下文章

图片懒加载之lazyload.js插件使用

jQuery懒加载插件 jquery.lazyload.js

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js

jQuery lazyload 图片懒加载实现

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js