Code Monkey home page Code Monkey logo

vue-apple's Introduction

Vue.js 仿苹果官网

  • 最近开始学的Vue.js, 这是一个我仿的PC端Apple官网

暂时想实现的功能

  • 完成顶部的headerBar

    编写router-link的样式的时候可以用`<a>`标签代替,就可以按照需求改变链接样式。
    
  • 完成首页页面

  • Mac页面

  • Music页面

    • 有一个自动播放的视频
  • 一件商品的详细页面(因为涉及到CSS动画和页面量太大,考虑放后面一点实现)

  • 登录注册功能

  • 购物车页面

  • 解决页面报数据类型错误,但是页面数据可以渲染出来的问题

Day 1     (2018.1.24)

Day 2     (2018.1.25)

  • 今天没做很多事,有些烦心事,就做了一个顶部的headbar的基础样式,没写很多,脑子想很多,想其他事情去了,写代码的心情很复杂

Day 3     (2018.1.26)

  • router编写顶部的headerbar完成页面的跳转

    • 发现的router的tag属性默认是 <a>这个标签,这样就可以按照自己需要更改router-link的样式
  • 利用axios获取我再EasyMock上提前搭建好的数据,赋值给首页所需要的数组

  • 大致做好了首页的框架

Day 4     (2018.1.27)

  • 天气好冷,等下雪,等不到呢(来自一只南方人的忧桑) :(
  • 首页做完了,本来想一起将Mac页面也写掉的,手冷就没有然后咯

Day 5     (2018.1.28)

  • 将底部的页面划分为一个组件供其他页面使用
  • 实现了Mac页面的顶部的小电脑们,一开始想一个个写的(发现有十个,就不想写那么多,我就想用一个简洁的方法来实现这些不一样大小的图片和文字让他们排列好显示出来,没想到很快就实现了,一个v-for就解决了,样式也很简单,成就感满满,代码越简洁,我越开心,哈哈哈哈哈哈哈哈,开心) :D
  • 这个项目最近好像都一直拖拖拖,都没写什么,第五天啦,进展有点慢,接下来一段时间要赶紧啦

Day 6     (2018.1.29)

  • Mac页面还差一个tab切换,切了几百行的页面代码很难受(这一个页面的量有点子大,大到心累)

  • 去看了一点点 CSS3 和 WebGL ,不得不说对3D还是有蛮大兴趣的

  • 自己用CSS的伪元素实现了部分简单的图标

  • 给自己的代码加了注释,看起来和修改起来方便一些

  • 附上一个20多岁的老年人悟出的一些道理

    • 就是早睡早起,多运动,才不会猝死在电脑前面( 每天步数都不超过100步,我想出去玩啊,要疯了啊 )
    • 还有就是要多穿点
    • 嗯 就是这样 很有道理 :D

Day 7     (2018.1.30)

  • 我决定用CSS做这个Tab切换,突然不想用JS的,CSS实现一下我想要实现的功能也是蛮好的,虽然很简单,然后我搭建好了框架
  • 2018/1/30 晚上9点多 下雪了❄️ ❄️ ❄️ :D
  • 看了WebGL的书
  • 项目越拖越久了 (啊!!! 烦躁)

Day 8     (2018.1.31)

  • 我的页面数据渲染有问题,会报数据类型出错,找了半天,我就以为是渲染先后的问题,试了下NextTick,还是不行,但是数据出的来,我就觉得不是数据渲染的错误了,感觉不知道哪里出问题,这个作为一个待完成的任务添加到列表上了
  • 看了一些面试的经验和一些面试题
  • tab切换写好了样式 切换还没写

Day 9     (2018.2.1)

  • Mock的数据里面的图片有点问题重新把所有图片地址换了一遍
  • tab切换写好了,但是好像有点子问题,不能规定默认的一个页面(切换也切的很死,不灵活)

Day 10     (2018.2.8)

Day 11     (2018.3.11)

  • 完成了Music页面(内部含有一个自动播放的视频)
  • 隔了好久才继续做 之前欠下的要开始补回来

vue-apple's People

Contributors

andimissu avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.