这是一个创建于 3087 天前的主题，其中的信息可能已经有所发展或是发生改变。
前段时间在 github 上看到了知乎日报的 API 和一个用 vue 制作的知乎日报，觉得自己也应该试着做一个用来练习练习 vue 。制作历时两周，基本上是仿照安卓版知乎日报的 ui 做的，功能上除了一些需要登录后完成的功能如评论点赞等，基本上都实现了。
运行录屏
项目地址
https://github.com/yatessss/zhihudaily-vue
在线 demo
是移动端的所以 pc 浏览器改成手机模拟模式比较好，图片加载速度比较慢
第 1 条附言 · 2016-07-12 19:42:02 +08:00
如果可以~是不是能点个 star 呢(✪ω✪)~嘿嘿
 |
1
yatessss OP 如果有什么 bug 或者不兼容欢迎大家提出~
不足： 没有使用 vuex 来管理数据状态，现在所有的都是耦合在项目里的，都是通过变量在组件当中互相传递状态的。因为我还没有学习 vuex 所以在这里就没有用到，在后面学习了 vuex 后，我会重新优化一下这个部分。 没有加入手势功能，比如在侧边栏出现的时候，向左滑动来收起侧边栏比点击要自然很多， vue 也专门有一个手势功能的库，所以这个部分也是可以优化的。 |
 |
2
tigerstudent 2016-07-12 17:04:39 +08:00 via Android
三天两头就冒出个没见过的 js 形态，我服
|
|
3
yatessss OP @tigerstudent 额。。。。宝宝也心累啊 😂😂
|
 |
4
noe132 2016-07-12 17:28:28 +08:00
还不错~不过 firefox 不友好。。。
|
 |
5
yuyang041060120 2016-07-12 17:30:16 +08:00
给你点个赞
|
|
6
yatessss OP @noe132 (⊙o⊙)…我主要是在 chrome 里和 QQ 的 x5 内核的 webview 里测试的。。。确实没考虑 Firefox 兼容啊。。。:-(
|
 |
7
wslsq 2016-07-12 17:37:35 +08:00
很棒，感谢楼主分享
|
|
8
yatessss OP @yuyang041060120 O(∩_∩)O 谢谢
|
 |
9
jaywcjlove 2016-07-12 17:44:06 +08:00  1
@yatessss iOS 兼容问题 iPhone 4/4s 上面的浏览器会有兼容问题 解决方法如下 https://segmentfault.com/n/1330000005851173
|
|
10
jaywcjlove 2016-07-12 17:45:35 +08:00
@yatessss 如果 iPhone5 系统不升级 `position:fixed`定位会有卡顿的情况
|
|
11
yatessss OP @jaywcjlove 非常感谢！已按照你说的方式优化了，看解决方法的图片，这个问题是说的 header fixed 在顶部会出现问题吧？ 还是说侧边栏滑动时 用 fixed 会出现卡顿
|
 |
13
dtfm 2016-07-12 19:05:03 +08:00
上次看见一个用 vue.js 写的 QQ 呢，现在 js 都这么强大么？照这个趋势，以后 Native 客户端要要跟着 flash 一起上路。
|
 |
14
liteneo 2016-07-12 19:39:48 +08:00
知乎日报简直是最好的练手 API
|
|
15
yatessss OP @dtfm 不会的，你可以先体验一下，且不说手机不同浏览器的版本和兼容性问题，在一些性能差一些的手机上，流畅性远远不如原生，不过现在有了 react native 和 weex 可以用 js 去实现原生，但是我还没有了解过这方面，以后学习一下吧~
|
 |
17
zhuangzhuang1988 2016-07-12 19:45:34 +08:00
已经 star.
|
|
18
yatessss OP @zhuangzhuang1988 /抱拳 /抱拳
|
 |
19
Stlin 2016-07-13 00:43:05 +08:00
star ！ 学习,学习，我也正在写个类似的斗鱼 TV 呢~ 看了一下代码你好像是用 nginx 反代了 api ？我是直接用的 config/index.js 里面的 proxyTable 反代了 api 呢，感觉挺方便的呢~ 在这里跟楼主说下
 |
|
20
yatessss OP @Stlin 哈哈 斗鱼也会有 api 吗？嗯对我用 nginx 转了一下。是吗？我都不知道。。。。 - - 请问你有具体的项目地址吗？ 我去也学习学习~
|
|
21
Stlin 2016-07-13 12:36:04 +08:00
@yatessss 有啊，斗鱼首页拉到底，有个友情链接->开发者论坛，里面有提供开放的 api ，不过 api 很少。愁死我了，我弄看直播都不知道要怎么解决！那个反代 api 的具体可以看这里 http://vuejs-templates.github.io/webpack 。我写的很乱呢~都还没有开源，等我整理下弄到 github 上面去吧
 |
Select Language