发表于: 2016-12-20 00:52:52

2 1528


今天完成的事情:

task8数据添加删除修改功能;

view层和controller数据交互双向绑定,省去了很多取值麻烦。


写几种轮播图实现方式:

渐隐切换、滚动切换demo;

尝试用CSS3 3D特性写ing


了解图片上传原理:

基于FileReader Api实现, FileReader是html5提供读取文件的api。作用是把文本流按指定格式存储到缓存,以供js调用;


FileReader的四种读取方式:

1. readAsBinaryString:读取为二进制码

2. readAsDataURL读取为: DataURL

3. readAsText读取为文本

4. readAsArrayBuffer

基于浏览器安全策略,无法获取本地文件真实路径


将图片读取为DataURL,可实现预览上传后图片。DataURL有固定格式,如:data:[文件格式];base64,[文本流base64编码]。

jpg格式:data:image/jpeg;base64,/9j/4...  

png格式: data:image/png;base64,iVBORw...

gif格式:data:image/gif;base64,R0lGOD..

通过格式可以验证用户上传的图片类型;


有许多已经封装好的插件可使用;


明天计划的事情:

task9尝试任务


遇到的问题:

单向滚动轮播无缝衔接的问题
收获:

如上


返回列表 返回列表
评论

    分享到