博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
懒惰(但聪明地)载入内容
阅读量:5859 次
发布时间:2019-06-19

本文共 725 字,大约阅读时间需要 2 分钟。

hot3.png

看了下面这一行的jQuery代码,明白动态地加载是怎么样做的。

$(document).ready(function(){	$.get("slides-html", function(data){		var sNav = [		'
' ].join(""); $(".welcome .slides") .append(data) .wrapInner('
') .find(".slidewrap") .append(sNav) .carousel({ slide:'.figure' }); });});

还有进步的空间,可以将图像设定成只显示于指定屏幕,令脚本取决于分辨率。再如,若要限制脚本在小屏上加载,可在脚本上加入简单的分辨率测试。

if(screen.width>480){	$(document).ready(function(){....});}

在JavaScript里,开头的if陈述等同于媒体查询的 min-width:480px,若屏幕窄于480px,内附的JavaScript就不会失效了。

这个方法还可以精炼。例如,可用轻型的JavaScript载入器LabJS(http://labjs.com)或者HeadJS(http://headjs.com),动态地加载jQuery、走马灯插件和custom.js。或者,可以在分辨率高于某个数值时才载入JavaScript。

转载于:https://my.oschina.net/feanlau/blog/880492

你可能感兴趣的文章
Android一些问题的解决方案
查看>>
目标与绩效管理实战专家胡立
查看>>
2014手机分析图
查看>>
一元多项式相加
查看>>
commandLink/commandButton/ajax backing bean action/listener method not invoked (转)
查看>>
(一) pyhon 基础语法(数值 字符串 元组 列表 字典)
查看>>
HDOJ 1003:求一串数字中和最大的连续子串
查看>>
RedHat 5.6_x86_64 + ASM + RAW+ Oracle 10g RAC (二)
查看>>
转两好文防丢:Debian 版本升级/降级 & Linux 应用程序失去输入焦点问题的解决...
查看>>
HDU - Pseudoforest
查看>>
Linux平台Java调用so库-JNI使用例子
查看>>
Web服务器压力测试工具http_load、webbench、ab、Siege使用教程
查看>>
Mac软件下载备忘
查看>>
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory
查看>>
就是一个表格
查看>>
找回使用Eclipse删除的文件
查看>>
URL与ASCII
查看>>
java读取properties配置文件
查看>>
UITableview中cell重用引起的内容重复的问题
查看>>
Windows7操作系统安装教程(图文)
查看>>