- 最近开始学的
Vue.js
, 这是一个我仿的PC端
的Apple官网
-
完成顶部的headerBar
编写router-link的样式的时候可以用`<a>`标签代替,就可以按照需求改变链接样式。
-
完成首页页面
-
Mac页面
-
Music页面
- 有一个自动播放的视频
-
一件商品的详细页面(因为涉及到CSS动画和页面量太大,考虑放后面一点实现)
-
登录注册功能
-
购物车页面
-
解决页面报数据类型错误,但是页面数据可以渲染出来的问题
-
利用
EasyMock
建立好Home页面
的网址图片数据和Mac页面
图片的数据- Home 页面 : HomeData的页面数据
- Mac 页面 : MacData的图片数据
-
在
iconfont
上下载好所需要的图标
- 今天没做很多事,有些烦心事,就做了一个顶部的
headbar的基础样式
,没写很多,脑子想很多,想其他事情去了,写代码的心情很复杂
-
router编写顶部的headerbar完成页面的跳转
- 发现的router的tag属性默认是
<a>
这个标签,这样就可以按照自己需要更改router-link的样式
- 发现的router的tag属性默认是
-
利用
axios
获取我再EasyMock上提前搭建好的数据,赋值给首页所需要的数组 -
大致做好了首页的框架
- 天气好冷,等下雪,等不到呢(来自一只南方人的忧桑) :(
- 首页做完了,本来想一起将Mac页面也写掉的,手冷就没有然后咯
- 将底部的页面划分为一个组件供其他页面使用
- 实现了Mac页面的顶部的小电脑们,一开始想一个个写的(发现有十个,就不想写那么多,我就想用一个简洁的方法来实现这些不一样大小的图片和文字让他们排列好显示出来,没想到很快就实现了,一个v-for就解决了,样式也很简单,成就感满满,代码越简洁,我越开心,哈哈哈哈哈哈哈哈,开心) :D
- 这个项目最近好像都一直拖拖拖,都没写什么,第五天啦,进展有点慢,接下来一段时间要赶紧啦
-
Mac页面还差一个tab切换,切了几百行的页面代码很难受(这一个页面的量有点子大,大到心累)
-
去看了一点点 CSS3 和 WebGL ,不得不说对3D还是有蛮大兴趣的
-
自己用CSS的伪元素实现了部分简单的图标
-
给自己的代码加了注释,看起来和修改起来方便一些
-
附上一个20多岁的老年人悟出的一些道理
- 就是早睡早起,多运动,才不会猝死在电脑前面( 每天步数都不超过100步,我想出去玩啊,要疯了啊 )
- 还有就是要多穿点
- 嗯 就是这样 很有道理 :D
- 我决定用CSS做这个Tab切换,突然不想用JS的,CSS实现一下我想要实现的功能也是蛮好的,虽然很简单,然后我搭建好了框架
- 2018/1/30 晚上9点多 下雪了❄️ ❄️ ❄️ :D
- 看了WebGL的书
- 项目越拖越久了 (啊!!! 烦躁)
- 我的页面数据渲染有问题,会报数据类型出错,找了半天,我就以为是渲染先后的问题,试了下NextTick,还是不行,但是数据出的来,我就觉得不是数据渲染的错误了,感觉不知道哪里出问题,这个作为一个待完成的任务添加到列表上了
- 看了一些面试的经验和一些面试题
- tab切换写好了样式 切换还没写
- Mock的数据里面的图片有点问题重新把所有图片地址换了一遍
- tab切换写好了,但是好像有点子问题,不能规定默认的一个页面(切换也切的很死,不灵活)
- checked不知道为什么就是没反应,看了很多文档,没办法,就没用CSS实现Tab切换了,换成js实现 (用纯CSS实现Tab切换方法的传送门)
- 完成了Mac页面的样式
- 完成了Music页面(内部含有一个自动播放的视频)
- 隔了好久才继续做 之前欠下的要开始补回来