发表于: 2017-05-18 22:00:55

1 1176


一、今天完成的事情:

1,实现列表的新增功能

2,学习了下有关懒加载的知识。


二、明天计划的事情:

1,准备小课堂所需的资料,时间充足下,尽量今天完成列表新增的功能。


三、遇到的问题:

1,如果把新增页面的数据在列表页进行展示:

解决问题:

  经过和师兄讨论,得知传过去的数据形式和原有的数据是在相同的数组内,比如说融资规模原数据都在industry这个数组里,那么在新增页面要书写的融资规模也一点写成输入的内容属于这个数组,然后http传回服务器时就相当于添加了一个数据。


四、收获:

1,基本上理清了新增的功能,并且通过昨天老大的课堂讲解,感觉老大所说的那种方式,真的很好,先明白自己做这个项目所要实现的细节步骤,一个个的列出来,然后一步步进行实现。

2,懒加载:

出现背景:
在Web应用程序中,系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢,用户就会出现埋怨情绪,系统的价值也因此会大打折扣。因此,提高系统响应速度,是非常重要的。所以为了解决这个问题,有人提出缓存的概念,缓存就是将用户频繁使用的数据暂时放在内存中,在用户执行一次查询操作时,系统先从缓存中读取,如果缓存中没有,再查询数据库,虽然这种缓存技术在一定程度上提升了系统的性能,但是当数据量过大时,因为内存容量有限,过多的数据存放,就会影响到电脑的性能。这个时候懒加载就出现了。
懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。

懒加载的原理

  • 原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。
  • 这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。



返回列表 返回列表
评论

    分享到