发表于: 2017-05-16 23:41:05

2 970


一、今天完成的事情

1.完成列表页的静态页面。

2.研究了一下时间控件的写法,感觉挺麻烦的,明天继续看。

3.学习懒加载的定义和用法。

二、明天计划的事情

继续任务7

1.对登录页的button添加ng-click事件,当点击时,获取双向绑定后的数据,并用$http请求登录接口

2. 完善登录页的form表单添加验证功能

三、遇到的问题

1. 懒加载的定义和用法?

开始接触懒加载的时候,不清楚是什么东东,师兄说用这个,可以避免一些奇奇怪怪的错误,如加载顺序什么的。

那么什么是懒加载?懒加载的核心的思想是延迟加载,需使用到的时候才进行加载。例如一些页面中,有些子控件不是当页面出现就展示出来的,需要在页面进行某些操作才会触发该子控件的的显示,那么此时可以考虑当你进行某些操作的时候,才去加载这个子控件。归根到底,这就是在合适的时候,做合适的事情。

用法:

1、引入jQuery

<script type="text/JavaScript" src="http://libs.baidu.com/jquery/1.8.0/jquery.min.js" ></script>

2、引入jquery懒加载插件

<script type="text/javascript" src="//cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.min.js" ></script>

3、在需要懒加载的图片上添加如下:

<img src='../images/i.png' data-original='" + obj.picurl + "' width='600' height='300' >";

src显示默认的图片

data-original为要显示的图片

4、启动懒加载

$("img.lazy").lazyload();

一般放在ajax complete中加载

四、收获

1.学习了时间控件写法

2. 学习了懒加载的使用。



返回列表 返回列表
评论

    分享到