1. 需求分析与评估(漫画岛)

1.1 页面有哪些

  • 首页,各种漫画推荐
  • 分类页面
  • 排行榜页面
  • vip专区页面
  • 收藏页面
  • 历史页面
  • 个人中心页面
  • 关于页面
  • 反馈页面
  • 登录与注册页面
  • 搜索页面
  • 搜索详情页面
  • 漫画详情页面
  • 列表页面

    1.2 时间点评估

  1. 最终时间:一周(04-24)
  2. 先做完所有的静态页面 (14 个页面 ,一天做 5个。需要 3 天)
    a. 首页,各种漫画推荐
    b. 分类页面
    c. 排行榜页面
    d. vip专区页面
    e. 收藏页面
    f. 历史页面
    g. 个人中心页面
    h. 关于页面
    i. 反馈页面
    j. 登录与注册页面
    k. 搜索页面
    l. 搜索详情页面
    m. 漫画详情页面
    n. 列表页面
  3. 实现业务逻辑(一天做 5个页面的逻辑。也需要 3 天)
  4. 与后端联调(一天做 5个页面的联调。也需要 3 天)

    2. 创建项目

    3. 与远程仓库关联

    4. 路由架子给搭建起来

    5. 实现静态页面

    1. 使用 postcss-pxtorem 来自动转换代码中的 px 单位。链接

    2. 使用 lib-flexible 来自动设置 html 元素 的 font-size

    3. 修改第三方的样式的时候,发现修改不了,原因是 scoped 引起的。

    解决方案:将对第三方的样式修改,写在不带 scoped 的 style 里面就好

image.png

6. 组件封装