418开发记录流水

• do it in 2.27(Thu)
  -[x] 做一个简单页面，使用webpack配置相关
  -[x] ES5 模块化 继承 ES6 class 继承

• do it in 2.28(Fri)
  -[] Webpack代码打包做完，并整理笔记；
  -[] 工程化看如何引入现有代码
  -[] 单元测试等功能引入
  -[] 参考《移动Web前端高效开发实践》

• do it in 3.2(Mon)
  -[] 418环境跑起来

418会员日TV版

todo in 3.3

1. 路由方案实验
   在E2A上验证下路由是否支持（hashchange)
   验证
2. 路由在低端机的表现 可以的话也封装一个路由类
   1.2 这种路由怎么处理返回键？ 叶面内的弹窗 返回键可以阻止吗
   2.class封装一个component类 像vue那样 传入data 周期函数等
   dialog要不要做成component类？
3. 基于2 用extend继承 封装mixin
   抓紧验证
   问问彦博导入vue时都遇到了哪些问题 比如返回键

todo in 3.4

实做加笔记

1. class es5 es6实际操作一遍 并做好笔记
2. bind apply call this 以及new target 完整理解 实做 并记好笔记

class 和 this 问题 这里的this是methods对象本身

var homePage = new Component({
        name: 'home',
        id: '#homePage',
        data() {
                return {
                        title: 'home page title',
                        tips: 'this is some text used to placeholding............',
                }
    },
    methods: {
        getBtns() {
            return $(`${this.id} .coocaa_btn`)
        }
    },

todo in 3.5

1. 接口对接
   1. 底层接口
   2. 后台接口
      1. 活动接口
      2. 秒杀接口
2. 底层设备信息存在store里
3. webpack区分mode： production

todo in 3.6

1. 中间件实现 登录和监听一体化的处理
   以及支付和监听一体化 类似微信登录和支付的逻辑流程
   =>目前流程做不了，页面pause再resume后原本的流程不会再继续走，直接到resume里了。
2. 处理页面初始化逻辑及公共数据保存

todo in 3.9~

1. 首页开发（挑战3天内完成，3.11下班前检查进度）
   3.9完成首页布局
   3.10 完成页面主要逻辑
   3.11 添加弹窗,完成首页所有逻辑
   上午对王雪接口，下午弹窗，秒杀
   3.12 进度：
   a. 秒杀页面逻辑和接口逻辑还没有对接
   b. 瓜分初始化接口逻辑和页面逻辑对接
   预计：今天完成，在板子上跑一下

todo in 3.17-3.19

1. 对接完所有接口/弹窗/逻辑
   ====》
   瓜分初始化 done

   转盘初始化 done
   抽奖接口 done
   -中奖弹窗 todo…
   -领奖接口
   假消息接口
   二维码接口

   秒杀列表接口

   瓜分库存接口
   秒杀库存接口

====》
我的奖品接口
-领奖弹窗

===》我的秒杀
我的秒杀接口

==》页面逻辑：
各个入口进入页面的显示逻辑
数据采集

actual 3.30

还有以下问题待完善：
数据采集
UI问题
兼容性问题
部分逻辑bug

actual 4.8号

才真正完成所有页面开发、逻辑问题及bug处理等。

todo from 4.9

todo in 3.18

1. 开始webpack全方位优化（重中之重，记录方法和前后对比数据），
   统计之前加载速度（学习chrom perfomance测试，记录每一步方法和效果）
   1. 首屏加载速度 main.js只做路由 初始化放在合适的地方等
   2. 懒加载
   3. 代码分包
   4. 等
   5. webpack.config.js分为dev和prod两个
2. 用chrome开发者工具优化
3. console.log的打印
   在开发模式打开，生产模式自动关闭或根据等级显示

todo 新特性：

1. 类vue数据绑定
2. 

todo

2. 箭头函数 解决this绑定问题
   所有对象里的回调函数都改用箭头函数 尝试
   后续过程中遇到了修改