终于搭起来...Vue 仿写的实验楼整站,有 20+页面,希望得到一点支持和指教~ヽ(≧∀≦)ノ。

2019-09-29 21:28:57 +08:00
 cyrbuzz

嗯...

写了好久了,断断续续的最近一个月终于完成的 V0.1 版本,也没有特别出彩的地方,只是把原网站照着样子实现了出来,从 0 开始,一步步摸索搭建。从不知道怎么做状态管理,不知道...Object,不知道怎么写异步,复用组件,到现在,20+页面,46 个抓取到的 API,终于用 Github Page 搭成了线上演示。嗯...第一次访问的时候有点慢,看 Chrome 分析打包出来的文件并不大,应该是连接 Github 访问的比较慢。

虽然还有大量细节问题,但...总算是完成了一个阶段~,嘿嘿,希望可以得到各位前辈的支持。

实例预览(就是低配版原站啦)

咦,这里好像有个奇怪的链接

https://github.com/HuberTRoy/vue-shiyanlou

不不不,千万不要有手滑Star,不慎Fork,失误watch o( ̄▽ ̄)d 。

4700 次点击
所在节点    程序员
35 条回复
justin2018
2019-09-29 21:49:04 +08:00
手滑 Star,不慎 Fork 😁
Applenice
2019-09-29 21:52:32 +08:00
好厉害
shanlan
2019-09-29 21:57:59 +08:00
我就想请教下,这么多 CSS 是怎么练的?
pinews
2019-09-29 22:00:10 +08:00
不错,遇到了明日之星
嗯,图片链接错了。
cyrbuzz
2019-09-29 22:03:59 +08:00
@justin2018
再来一个 watch 就可以召唤神龙,实现愿望,出任 CE...
拿错剧本了,谢谢支持~。
cyrbuzz
2019-09-29 22:05:08 +08:00
@Applenice
嗯嗯,实验楼的设计很清爽,模仿起来也很爽。
cyrbuzz
2019-09-29 22:09:10 +08:00
@shanlan
呃...走了很多弯路,到现在为止都没有将 CSS 归纳起来。
样式的话一般不怎么懂的就直接去审查元素看看原来的实现,还不懂就上搜索引擎了。
比如当时有一个三角形的 CSS 实现,一开始以为用的图片,审查元素里也没找到图片地址,后来用各种姿势在 Google 里是用 border 实现的三角形,然后回头看审查元素也发现了原实现。
cyrbuzz
2019-09-29 22:12:37 +08:00
@pinews
φ(>ω<*) 前辈的一发 Star 或许能成为上 Trending 的关键也说不定(好遥远,逃~)。
之前在掘金上写了一波总结,直接就用里面的图片啦~(不能贴链接呀)。
brotherlegend
2019-09-29 22:32:37 +08:00
牛逼,css 我看了会晕
cyrbuzz
2019-09-29 23:18:01 +08:00
@pinews
清了波缓存发现前辈说的是图片裂了= =,一直有缓存没发现会 403...
cyrbuzz
2019-09-29 23:19:09 +08:00
@brotherlegend
呃...我一开始也晕,后来了解盒模型和 flex 布局后就有些缓和了。
starsriver
2019-09-29 23:48:00 +08:00
恭喜你打开了搬砖大门,接下来就是看你要不要步入搬砖门槛了。
laonian
2019-09-30 00:05:15 +08:00
优秀
zsg1994
2019-09-30 09:19:15 +08:00
有了 flex 布局简单多了
wdmx007
2019-09-30 09:21:46 +08:00
readme 发现错字: sotre -> store
LamKingTak
2019-09-30 09:32:18 +08:00
🐮🍺
Hopetree
2019-09-30 09:55:43 +08:00
这个跟那个饿了么有的一拼,实验楼的界面是很好看,我目前最喜欢的两个站的界面就是实验楼和少数派

给你一个建议,可以让你的网站打开至少快几秒钟:1. vue 的组件都使用 cdn,2. router 按需加载

虽然我也是刚学了点 vue,但是我试过使用 cdn 非常有效
ResetCode
2019-09-30 10:34:48 +08:00
手滑 star
cyrbuzz
2019-09-30 10:47:48 +08:00
@starsriver
报告,我想搬瓦~。
cyrbuzz
2019-09-30 10:48:23 +08:00
@laonian
既然前辈这么说了,感觉还真挺优秀~。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/605506

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX