当前位置: 首页 > news >正文

按需加载的实现方法

1、当页面中的图片很多时,图片的加载可能会影响一些重要数据的加载。

  图片按需加载的实现思路:

  1、去掉img的src属性,代替以其它自定义属性存放图片的url。

  2、判断该图片是否在首屏,如果在首屏,为图片添加src属性,并将自定义属性中的图片url赋值给src。

  3、当滚动滚轮时,判断图片是否进入屏幕显示区,如果进入,为图片添加src属性,并将自定义属性中的图片url赋值给src。

2、非当前显示的部分,比如当用户点击之后才显示的内容,无需事先浪费性能进行相应的解析和渲染。因为用户可能不会去点击。

  内容按需加载的实现思路:

  1、将非当前显示的部分放入到textarea标签中,并隐藏起来。

  2、当用户触发(可能是点击,也可能是进入屏幕显示)该部分的显示时,从textarea中取出并插入到相应的DOM节点上。

相关文章:

  • OpenCV学习-——OpenCV永久配置(win7 64位+VS2012+OpenCV 2.4.6)
  • [World Wind学习]22.相机高度和瓦片等级计算
  • 修改apache+php上传文件大小限制
  • paip.mysql 性能测试 报告 home right
  • 我的2013校招总结
  • C语言函数可变长度参数剖析
  • 当本机通过代理服务器上网时,本机无法打开在本机上的虚拟机(oracle vm)linux系统上的网站,但是局域网里的其他机器却可以打开...
  • API编程基本控件使用
  • SCOM 常识概念—图标状态/维护模式
  • 学习电商路线
  • SDL2.0上手试用
  • static 与 extern 关键字描述说明
  • Java对象引用处理机制
  • HTML5 UI框架Kendo UI Web中如何创建自定义组件(二)
  • WIKI系统及MysQL数据库宕机恢复文档
  • HTML5新特性总结
  • IOS评论框不贴底(ios12新bug)
  • Js基础——数据类型之Null和Undefined
  • JS专题之继承
  • Python连接Oracle
  • Sublime Text 2/3 绑定Eclipse快捷键
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • 大整数乘法-表格法
  • 动态规划入门(以爬楼梯为例)
  • 工作手记之html2canvas使用概述
  • 扑朔迷离的属性和特性【彻底弄清】
  • 前端代码风格自动化系列(二)之Commitlint
  • 使用 Xcode 的 Target 区分开发和生产环境
  • kubernetes资源对象--ingress
  • 如何在 Intellij IDEA 更高效地将应用部署到容器服务 Kubernetes ...
  • 昨天1024程序员节,我故意写了个死循环~
  • ​flutter 代码混淆
  • #大学#套接字
  • #我与虚拟机的故事#连载20:周志明虚拟机第 3 版:到底值不值得买?
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (九)信息融合方式简介
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (一)Neo4j下载安装以及初次使用
  • (转)nsfocus-绿盟科技笔试题目
  • (转)Unity3DUnity3D在android下调试
  • (转)可以带来幸福的一本书
  • (转载)利用webkit抓取动态网页和链接
  • .net oracle 连接超时_Mysql连接数据库异常汇总【必收藏】
  • .net wcf memory gates checking failed
  • .net 简单实现MD5
  • .NET 使用配置文件
  • .NET 中各种混淆(Obfuscation)的含义、原理、实际效果和不同级别的差异(使用 SmartAssembly)
  • .NET:自动将请求参数绑定到ASPX、ASHX和MVC(菜鸟必看)
  • .net经典笔试题
  • .NET委托:一个关于C#的睡前故事
  • /etc/apt/sources.list 和 /etc/apt/sources.list.d
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • @NoArgsConstructor和@AllArgsConstructor,@Builder
  • [ 常用工具篇 ] POC-bomber 漏洞检测工具安装及使用详解