1. 技术功能点疑问 17-05-03

下拉刷新,无限滑动请求.页面切换避免重复请求. vue全局method function

0.1. 时间日志

  • 11:18 cell点击拨打电话优化
  • 12:01 底部nav显示与隐藏
  • 12:11 header在不同环境的显示与隐藏
  • 12:48 熊超电话
  • 13:30 子页面出现-页面切换动画
  • 13:41 主页面切换关闭动画
  • 14:02 wc10
  • 14:02 洗杯子
  • 14:10 nav按钮选中状态
  • 16:03 微信商家续费-->续期
  • 16:36 app.js 文件优化
  • 18:08 晚饭
  • 18:28 cartoon
  • 19:32 wc10
  • 19:53 疑问:vue自定义组件 import name& component name & 的关系
  • 21:14 技术功能点疑问 21:14页面切换避免重复请求 14:21vue全局method function 15:22上拉加载pullup-无限滑动请求 15:22下拉刷新pulldown
  • 21:28 vux引入mint 索引列表组件
  • 21:54 vue keep-alive
  • 9:40 cartoon
  • 引导页
  • 广告页
  • 简历
  • saveScrollPosition keep-alive相关
  • inline-manifest
  • 电话点击后弹出菜单

0.2. 总结

0.3. 观点及其他

0.4. 任务详情

0.4.1. [ ]引导页

创建

0.4.2. [ ]广告页

创建

0.4.3. [x]app.js 文件优化

创建 完成 开发模式app.js文件10.9mb. 项目命名npm run dev,搜索 dev 发现 package.json 中的 scripts 还有几个命名可用.尝试npm run build build 后生成目录 dist . 本地服务器运行index.html 发现app.js 只有100kb. 但app.1e2bcc211683888ba8ad.js 有1mb; 1.1mb可以接受无需优化.

0.4.4. [x]微信商家续费-->续期

创建 预计 耗时 开始 完成 是续期不是续费,登录后点击一下按钮即可.

0.4.5. [x]技术功能点疑问

创建 预计 耗时 开始 完成 暂停 下拉刷新,无限滑动请求.页面切换避免重复请求. vue全局method function

[x]页面切换避免重复请求

预计 完成 vux demo没有这情况. 官网没有相关资料. 7天时间清单 查看demo代码 ,初步判断是vuex 的 store.registerModule('vux', { 实现.对vuex不熟悉. 7天时间清单 vuejs缓存页面 vue keep-alive keep-alive 直接放在页面Mine.vue中, 页面不能正常显示.放在app.vue中无效果 7天时间清单

失败. 测试方法:页面滚动后离开并返回页面, 7天时间清单 qq联系2个技术,寻求技术支持.下班后远程. 7天时间清单 无法qq远程,也不愿意安装teamview。发送源代码,直接添加 keep-alive 即可. 下午我测试方式不正确,静态文件不能保存. 包含数据请求的才行. 关键词 saveScrollPosition

[x]vue全局method function

完成 全局公用函数 https://vux.li/#/zh-CN/README?id=%E5%85%A8%E5%B1%80%E5%85%AC%E7%94%A8%E5%87%BD%E6%95%B0 Vue.prototype.method = function () {}

[x]上拉加载pullup-无限滑动请求

完成 demos\PulldownPullup.vue 记录当前页面,如何滚动到底部则请求新页面数据并添加到内容底部. 7天时间清单 查看他人实现方式.

<scroller lock-x scrollbar-y use-pullup

[x]下拉刷新pulldown

创建 开始 完成 参考查看mui了解他的机制. vux中的 Pulldown.vue ,在线demo中无示例. 仔细查看发现在 scroll component/pulldown

<scroller lock-x scrollbar-y use-pulldown

0.4.6. [x]nav按钮选中状态

创建 预计 耗时 开始 完成 使用vux demo中的 route.path 会报错,可能在其他文件需要设置或申明变量.

0.4.7. [x]主页面切换关闭动画

创建 预计 耗时 开始 完成 transition :name 控制. 删除后所有缓动消失.

0.4.8. [x]子页面出现-页面切换动画

创建 预计 耗时 开始 完成 Transition 7天时间清单 没有运行是因为缺少css动画代码. 7天时间清单 . 动画的卡顿, 进入子页面没问题.返回主页面卡顿. 应该和 padding突然改变有关. 需要缓动修改 padding-top 数值. 在什么地方开始修改,页面缓动前或后? 经过查看进入和退出的 padding-top 值不一致, 经查看发现是 css中添加了padding-top. 去除后动画正常. 7天时间清单 经手机测试,发现所有页面都是从左到右. 1.需要设定nav页面左右顺序. 2.主页子页左右关系. 7天时间清单 1.nav页面左右 7天时间清单 2.主页子页 7天时间清单 部分页面可以. "关于我们"动画错乱. "关于我们"点击后执行了2次 headerTransition. 因为link中带了换行符号. 选中文件时自动保的存问题. 1.nav页面左右 出现问题, 因为新代码变量没替换完全。

0.4.9. [x]header在不同环境的显示与隐藏

创建 预计 完成 微信中不显示,(非微信)浏览器及app里显示. 需要判断手机微信.

0.4.10. [x]底部nav显示与隐藏

创建 预计 耗时 开始 完成 高度调整放在 computed 无效,获取不到body的html. paddingt-top 需要在style变量控制. :body-padding-top="headerH" :body-padding-bottom="navH" 7天时间清单

0.4.11. [x]cell点击拨打电话优化

创建 完成

0.4.12. [ ]简历

创建

0.4.13. [x]熊超电话

创建 完成

0.4.14. [x]wc10

创建 完成

0.4.15. [x]cartoon

创建 完成 火影忍者

0.4.16. [x]晚饭

创建 完成

0.4.17. [x]洗杯子

创建 完成

0.4.18. [x]wc10

创建 完成

0.4.19. [x]cartoon

创建 完成 王室教师

0.4.20. [ ]saveScrollPosition keep-alive相关

创建 暂无需求,可以不管.

0.4.21. [x]vue keep-alive

创建 完成

0.4.22. [ ]inline-manifest

创建 取消

0.4.23. [x]疑问:vue自定义组件 import name& component name & 的关系

创建 完成 vue组件的使用1 http://www.cnblogs.com/hemude7788/p/5937202.html

0.4.24. [x]vux引入mint 索引列表组件

创建 预计 耗时 开始 完成 暂停 继续 查看 mint-ui 组件css属性. 因为是vue组件,初步判断可以直接使用. css 可以直接从浏览器访问获得. index-list.vue 中css格式大概是scss 如 @component-namespace page; 实际上代码很少很简洁. 因为代码太简洁,看不出右侧的字母索引是如何实现. 7天时间清单 猜测使用锚点,如果是这样,那点击touchbegin 屏幕中央出现的对应字母是如何出现的. mt-index-list 代码中出现 mt-index-list, 看似组件但没有 import, 目录中搜索index-list发现 mint_ui\packages\index-list\src\index-list.vue ,准备尝试直接复制css 和vue文件包. 7天时间清单 直接复制需要的文件失败, 文件依赖文件. 复制部分文件不行. 考虑拷贝整个Mint-ui npmjs.com 上搜索找到mint-ui包. npm i mint-ui -S 直接安装. 7天时间清单 根据错误查看文章后,修改变量名依然错误. Unknown custom element: -did you register the component correctly . 尝试mint demo查看index-list. 在mint-ui 项目下直接运行,查看index-list正常. index-list 添加特殊字符尝试,像微信那样. 7天时间清单 import Mint from 'mint-ui'; 引入整包后,可以看到列表索引,无内容.7天时间清单 无意间页面切换显示正常,刷新后又不显示. 从其他页面刷新,然后进入索引页面显示正常.但是在索引页面刷新则不能显示. 索引列表字母高度22,比原来18大,导致显示不下. 添加 height: 18px;后显示正常. 7天时间清单 把代码放到主页面,测试正常.

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

创建 预计 actionsheet ,现在采用mui, 改成 vux 获取其他的. 可能需要重新写.

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

results matching ""

    No results matching ""