v2ex.k 0.3 发布,让你的阅读体验再提高一层

2015-04-23 22:39:27 +08:00
 kokdemo

大家好,我是kok,在看以下的介绍之前,我建议你直接安装一下这款chrome插件:

https://chrome.google.com/webstore/detail/dnbmbhefokngmkalbdcgjdlgoppfhndn

也可以访问github主页(star :) https://github.com/kokdemo/v2ex.k

在经历了0.1 ,0.2 版本的开发之后,我体会最深的一个问题就是:

v2ex的html写的太乱了。

其中一部分是table布局,一部分是div布局,大部分的元素都没有合适的id和class。

甚至有一个叫做#LeftBar的元素从来没有用过……

这对于继续开发下面的若干功能都是很令人头疼的,一想到需要写一个长长的事件绑定就一阵恶寒。

静下心来想了想。『要不然重写一下dom好了?』

正巧遇到了react这件「虽然麻烦但是还蛮好用」的工具,我用了大概一周时间,开始逐渐的将整个v2ex的页面重写与简化,其中最终要的就是删减掉其中table的滥用。

这也就是为什么0.3版本拖了这么久才更新的原因。(真不是我沉迷于打游戏什么的……)

因为重写dom的工作量已经不小了,在第一个版本,只制作了最核心的快速阅读功能(还顺手加了一个二维码分享的功能)。

好了废话不多说,上几张图吧:

你可能还可以发现一些别的元素,比如所有的回复框都默认限制在页面底部。一个帖子不同的赞会让这个帖子颜色发生一些变化。

现在几乎不用点击进一个帖子内部了,所有的回复都可以在右边进行。

点击之后,会留下一个已阅的痕迹等等……(其实我也记不太清楚还做了啥……)

最后,这个版本还没有恢复键盘导航以及回复提醒的功能,它们会陆续回归的。

当然,身为pm的我,没准哪天又搞出个「大新闻」来……

5929 次点击
所在节点    分享创造
57 条回复
jamesxu
2015-04-23 22:47:29 +08:00
我上电视了。。。
大哥,改改配色啊
wdhwg001
2015-04-23 22:50:35 +08:00
upvote的配色好不协调…事实上我更关注上一次回复而不是那么大的vote…试着把vote精简成“+1”一类的…?
还有感觉边距还可以再调整一下…
x86
2015-04-23 22:53:04 +08:00
配色不行呀...
243205964
2015-04-23 22:54:18 +08:00
希望能让用户选择颜色,我比较喜欢白色的。。
evlos
2015-04-23 22:56:56 +08:00
唔,说实话,配色很诡异啊。
crs0910
2015-04-23 22:57:06 +08:00
点不开帖子,https
nicksite
2015-04-23 23:22:06 +08:00
配色 -1
MajestySolor
2015-04-23 23:39:54 +08:00
这颜色是故意拒绝试用么~
好任性!
hanqian
2015-04-24 05:50:22 +08:00
配色 -2
kokdemo
2015-04-24 08:08:53 +08:00
@jamesxu
@wdhwg001
@x86
@243205964
@evlos
@nicksite
@MajestySolor
@hanqian 配色这里确实是个老大难问题……大家可以提供个颜色的方案给我吗?

@crs0910 你可以先尝试一下http的访问,在这种情况下应该就能打开了
zouyun5152
2015-04-24 08:57:30 +08:00
二维码分享可以去掉的,真的丑,配色可以去dribbble参考一些dashboard的设计。https://dribbble.com/tags/dashboard
Paranoid
2015-04-24 09:04:24 +08:00
细节太糙
- 配色瞎了
- 浏览器 resize , 直接瞎了
- 要善用 { cursor: pointer }
Paranoid
2015-04-24 09:05:35 +08:00
- 布局
- 帖子正文样式
zxp
2015-04-24 09:26:19 +08:00
每日签到和金币查询的入口还请加上,id/class请不要改变,要不那些自动签到的猴子脚本就不能用了。
evilgod528
2015-04-24 09:56:41 +08:00
显示有问题啊,chorme41的浏览器。而且鼠标移动到帖子的标题上可以将鼠标改为point感觉更好点吧
![显示异常](http://t1.qpic.cn/mblogpic/0f6dbcd2f1558084c544/2000.jpg)
kokdemo
2015-04-24 10:03:03 +08:00
@evilgod528 你的电脑的分辨率是?我是指页面宽度
kokdemo
2015-04-24 10:04:42 +08:00
@Paranoid
resize这里我会之后加上一个函数来监听的。
@zouyun5152
二维码考虑放到页面的右侧这样。
@zxp
……我还真没考虑过这个问题,你说的这个我会想一下,但是优先度不会太高。
kokdemo
2015-04-24 10:05:58 +08:00
对了,其实有很多问题是v2ex原生css 带来的,我在考虑直接block掉原生的css……
kokdemo
2015-04-24 10:16:34 +08:00
zouyun5152
2015-04-24 10:22:43 +08:00
@kokdemo ![]( )

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

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

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

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

© 2021 V2EX