发表于: 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尝试任务
遇到的问题:
单向滚动轮播无缝衔接的问题
收获:
如上
评论