1. 图片垂直瀑布流 17-05-05

Js插件 https://masonry.desandro.com/ 测试图片素材,也可以用插件中的颜色块儿. 从原游戏中图片中取材. 19:45 demo vue :需要了解插件功能,考虑js布局方式. 查看了一个demo,没看到相关代码. horizontalOrder: true

0.1. 时间日志

  • 10:03 扫地
  • 10:16 公司
  • 10:36 弹窗广告
  • 10:50 淘票票和美团票价格感觉不一样
  • 11:33 wc10
  • 11:53 午饭
  • 14:33 电影
  • 14:53 cartoon
  • 15:19 cartoon
  • 16:06 弹窗多层分类
  • 16:33 在做事情的时间犹豫应该做什么!
  • 17:34 项目再次构思
  • 18:18 晚饭
  • 18:53 查找个人视频无果-安朗小文
  • 19:39 项目构思
  • 21:32 图片垂直瀑布流 22:20vux preview 图片地址 22:47preview 组件查看及思考
  • 21:50 npmjs.com 文件代码和github 上代码的区别
  • 9:40 录音
  • 9:53 洗漱
  • 简历
  • classie.js Modernizr.js quant.js
  • vux 项目页面布局
  • 用vux实现电话名片
  • 电话点击后弹出菜单

0.2. 总结

0.3. 观点及其他

0.4. 任务详情

0.4.1. [x]图片垂直瀑布流

创建 预计 耗时 开始 完成 Js插件 https://masonry.desandro.com/ 测试图片素材,也可以用插件中的颜色块儿. 从原游戏中图片中取材. 7天时间清单 demo vue :需要了解插件功能,考虑js布局方式. 查看了一个demo,没看到相关代码. horizontalOrder: true 处的demo十分接近. demo html http://codepen.io/desandro/pen/EmKWdr 7天时间清单 previewer.vue demo中的图片是数组自动生成的img,不包含class. 漏看了代码发现有class. 项目引入瀑布流插件 https://www.npmjs.com/package/masonry-layout created: function() 控制台报错. outlayer.js Bad element for masonry: null 添加按钮点击过后运行瀑布流. 7天时间清单
next 1.懒加载后瀑布流. 2.preview小图片. 3.什么时候运行瀑布流. <div class="grid" data-masonry=' 失败. 7天时间清单 触发 msnry.masonry('layout');报错'masonry' of undefined 7天时间清单 imagesloaded npm插件 https://www.npmjs.com/package/imagesloaded 参考项目 https://github.com/MopTym/vue-waterfall

[x]vue异步加载依赖js
[x]vux preview 图片地址

预计 开始 完成 通过浏览器右键查看dom,发现pswpimg并搜索不到结果. pswpitem 查看preview代码发现photoswipe, 如何设置 photoswipe中的img图片url 查看photoswipe 文档后发现不用修改. 直接添加属性array.如presrc. :src="item.presrc"

[x]preview 组件查看及思考

完成

0.4.2. [x]弹窗多层分类

创建 预计 完成 用popup&tab或checker实现. tab 因为水平滚动可以直接使用. 显示后发现无法滚动.7天时间清单
tab是设置style="width:400px;" 组件自己计算宽度. 有弹出垂直滚动案例使用scroll. 7天时间清单 checker 尝试. 有拖动的反馈,但是放手后又恢复原位置.拖动失败.放弃弹出层做多分分类. 可以直接坐在页面中. 7天时间清单 .vux-tab .vux-tab-item {line-height: 35px;} .vux-tab{height: 35px;} 调整行高. 7天时间清单 自己无能力添加 左边固定的标题.

0.4.3. [ ]简历

创建

0.4.4. [x]npmjs.com 文件代码和github 上代码的区别

创建 预计 完成 imagesloaded 以这模块代码为例查看. https://www.npmjs.com/package/imagesloaded npm install imagesloaded https://github.com/desandro/imagesloaded 同时打开两个文件,查看代码一样. 行高一样,随机抽样一屏代码一样. 最好通过svn 或文件内容比对查看.

0.4.5. [x]录音

创建 完成

0.4.6. [x]查找个人视频无果-安朗小文

创建 完成

0.4.7. [x]晚饭

创建 完成

0.4.8. [x]cartoon

创建 完成 狐妖小红娘

0.4.9. [x]cartoon

创建 完成 武庚纪

0.4.10. [x]电影

创建 完成

0.4.11. [x]午饭

创建 完成

0.4.12. [x]wc10

创建 完成

0.4.13. [x]淘票票和美团票价格感觉不一样

创建 完成 摔跤吧. 价格便宜应该是有什么活动. 昨晚34,现在12,购买后恢复34.

0.4.14. [x]弹窗广告

创建 完成

0.4.15. [x]公司

创建 完成

0.4.16. [x]扫地

创建 完成

0.4.17. [x]洗漱

创建 完成

0.4.18. [ ]classie.js Modernizr.js quant.js

创建

0.4.19. [x]在做事情的时间犹豫应该做什么!

创建 完成

0.4.20. [x]项目构思

创建 完成 通讯录添加,项目通讯录功能. 项目通讯录以中文第一个字母为索引. 右上角管理按钮可以删除项目. 群组通过加群链接,分享微信链接,一小时有效. 市场[群组 行业-全国 地图] 电话名片,h5,二维码,导出文字,excel.

0.4.21. [ ]vux 项目页面布局

创建

0.4.22. [x]项目再次构思

创建 完成 录音文件的播放与编辑归类. "我的"页面显示所有录音, 项目页面构思

0.4.23. [ ]用vux实现电话名片

创建

0.4.24. [ ]电话点击后弹出菜单

创建 预计 actionsheet ,现在采用mui, 改成 vux 获取其他的. 可能需要重新写. 点击后弹出菜单-您正在拨打给姜禄建, 录音无号,直接拨打,不录显号, 取消.

Copyright & copy www.7dtime.com 2014-2017 all right reserved,powered by Gitbook该文件修订时间: 2017-12-24 15:03:35

results matching ""

    No results matching ""