大家好,我是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的我,没准哪天又搞出个「大新闻」来……
1
jamesxu 2015-04-23 22:47:29 +08:00 via iPhone
我上电视了。。。
大哥,改改配色啊 |
2
wdhwg001 2015-04-23 22:50:35 +08:00 via iPhone
upvote的配色好不协调…事实上我更关注上一次回复而不是那么大的vote…试着把vote精简成“+1”一类的…?
还有感觉边距还可以再调整一下… |
3
x86 2015-04-23 22:53:04 +08:00
配色不行呀...
|
4
243205964 2015-04-23 22:54:18 +08:00
希望能让用户选择颜色,我比较喜欢白色的。。
|
5
evlos 2015-04-23 22:56:56 +08:00
唔,说实话,配色很诡异啊。
|
6
crs0910 2015-04-23 22:57:06 +08:00
点不开帖子,https
|
7
nicksite 2015-04-23 23:22:06 +08:00
配色 -1
|
8
MajestySolor 2015-04-23 23:39:54 +08:00
这颜色是故意拒绝试用么~
好任性! |
9
hanqian 2015-04-24 05:50:22 +08:00
配色 -2
|
10
kokdemo OP |
11
zouyun5152 2015-04-24 08:57:30 +08:00
二维码分享可以去掉的,真的丑,配色可以去dribbble参考一些dashboard的设计。https://dribbble.com/tags/dashboard
|
12
Paranoid 2015-04-24 09:04:24 +08:00
细节太糙
- 配色瞎了 - 浏览器 resize , 直接瞎了 - 要善用 { cursor: pointer } |
13
Paranoid 2015-04-24 09:05:35 +08:00
- 布局
- 帖子正文样式 |
14
zxp 2015-04-24 09:26:19 +08:00
每日签到和金币查询的入口还请加上,id/class请不要改变,要不那些自动签到的猴子脚本就不能用了。
|
15
evilgod528 2015-04-24 09:56:41 +08:00
显示有问题啊,chorme41的浏览器。而且鼠标移动到帖子的标题上可以将鼠标改为point感觉更好点吧
![显示异常](http://t1.qpic.cn/mblogpic/0f6dbcd2f1558084c544/2000.jpg) |
16
kokdemo OP @evilgod528 你的电脑的分辨率是?我是指页面宽度
|
17
kokdemo OP @Paranoid
resize这里我会之后加上一个函数来监听的。 @zouyun5152 二维码考虑放到页面的右侧这样。 @zxp ……我还真没考虑过这个问题,你说的这个我会想一下,但是优先度不会太高。 |
18
kokdemo OP 对了,其实有很多问题是v2ex原生css 带来的,我在考虑直接block掉原生的css……
|
20
zouyun5152 2015-04-24 10:22:43 +08:00 1
@kokdemo ![]( )
|
21
kokdemo OP @zouyun5152 一开始是有模仿这个来啊……但是我现在列表和他这个已经不一样了……
|
22
zouyun5152 2015-04-24 10:29:16 +08:00
![]( )
|
23
zouyun5152 2015-04-24 10:29:47 +08:00
@kokdemo 配色上,可以参考下
|
24
arens 2015-04-24 11:01:49 +08:00
怎么查看文章,点击标题没反应啊~
|
25
kokdemo OP |
26
williamx 2015-04-24 11:35:33 +08:00
感觉太花了
|
27
anguslg 2015-04-24 13:20:10 +08:00
还是前一版比较好
|
29
Asine 2015-04-24 15:29:36 +08:00
差不多两年前改过一个discuz的模板 http://cityhuz.com/bbs/forum.php?mod=forumdisplay&fid=41
|
30
jedyu 2015-04-24 16:40:54 +08:00
建议可以暂停一下堆积功能,先把界面整到能让人接受的程度吧,看过去眼都花了
|
32
tSQghkfhTtQt9mtd 2015-04-24 16:49:16 +08:00
我只能说今天打开V2EX的时候那吃屎一样的配色和根本加载不了的侧栏加上被去掉的文章连接让我不得不卸载了v2ex.k。。
我说话有点重,别怪我 |
33
kokdemo OP |
34
tSQghkfhTtQt9mtd 2015-04-24 17:46:29 +08:00
@kokdemo 这样啊。。其实20楼的配色很不错的= =
|
35
WLW 2015-04-24 17:47:19 +08:00
https的没能正常展开帖子,点帖子后无反应
http下正常 |
36
kokdemo OP @liwanglin12 其实就是学那个的……大概是学的不像吧……
|
37
Fedor 2015-04-24 18:11:02 +08:00
Livid 哭晕在厕所
|
38
Ansen 2015-04-24 18:22:57 +08:00
带自动签到不^^
|
42
Tink 2015-04-24 18:39:39 +08:00
只能chrome用么
|
45
branchzero 2015-04-24 20:10:21 +08:00
今天还在好奇为什么突然界面变成这样了。。。原来被自动升级了。。。
先禁用了,求改善界面 TAT 先感谢了~ |
46
kokdemo OP |
48
crs0910 2015-04-24 22:33:41 +08:00
@kokdemo 没事,还可以让我们学习一下react.js。
对了,分辨率稍微高一点的显示器无法接受显示效果。 设置页面的配色也要统一一下吧。 自动提醒那个提示去提醒页面复制个xxx,你是不是把它隐藏了? |
49
yetone 2015-04-24 22:43:26 +08:00
吓得我赶紧卸载了。。。
|
50
RyuZheng 2015-04-25 00:01:28 +08:00
更新了之后感觉不错,继续支持
|
51
zxp 2015-04-25 12:13:26 +08:00
@kokdemo 不需要专门增加自动签到的功能,只需要保留原来相关的dom,还有搜索框也需要保留即可和那些自动签到的脚本完美配合使用,上一个版本配合是很完美的。
另外,还有个bug,在没有登录的情况下,插件的功能是有问题的,而且没有登录入口,很不方便,这个情况下即使是登录了,左上角头像等功能也无法正常工作,需要手动清除本地存储后才可以。 |
53
qinglangee 2015-04-29 12:56:39 +08:00
能不能关掉动态打开的效果, 最讨厌这些浪费时间的特效了
|
54
kokdemo OP @qinglangee ……那不浪费时间啊,特效和页面加载是同时进行的……
|
55
C7C7 2015-05-01 18:11:51 +08:00
大哥,有没有Safari的扩展啊,chrome MAC下滚动不够流畅啊。
|
56
qinglangee 2015-08-03 10:00:34 +08:00
|
57
kokdemo OP @qinglangee 我晚上回去处理一下这个bug吧,之前都好好的,估计是v2调整了翻页的链接。
|