发表于: 2017-05-16 23:41:05
2 967
一、今天完成的事情
1.完成列表页的静态页面。
2.研究了一下时间控件的写法,感觉挺麻烦的,明天继续看。
3.学习懒加载的定义和用法。
二、明天计划的事情
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. 学习了懒加载的使用。
评论