V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kokdemo
V2EX  ›  分享创造

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

  •  1
     
  •   kokdemo ·
    kokdemo · 2015-04-23 22:39:27 +08:00 · 5729 次点击
    这是一个创建于 3298 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大家好,我是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的工作量已经不小了,在第一个版本,只制作了最核心的快速阅读功能(还顺手加了一个二维码分享的功能)。

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

    Alt text

    Alt text

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

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

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

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

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

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

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


    @arens 你是启用了https吗?
    williamx
        26
    williamx  
       2015-04-24 11:35:33 +08:00
    感觉太花了
    anguslg
        27
    anguslg  
       2015-04-24 13:20:10 +08:00
    还是前一版比较好
    kokdemo
        28
    kokdemo  
    OP
       2015-04-24 13:40:50 +08:00
    @anguslg 呃……
    Asine
        29
    Asine  
       2015-04-24 15:29:36 +08:00
    差不多两年前改过一个discuz的模板 http://cityhuz.com/bbs/forum.php?mod=forumdisplay&fid=41
    jedyu
        30
    jedyu  
       2015-04-24 16:40:54 +08:00
    建议可以暂停一下堆积功能,先把界面整到能让人接受的程度吧,看过去眼都花了
    kokdemo
        31
    kokdemo  
    OP
       2015-04-24 16:42:46 +08:00
    @jedyu 嗯……其实这个版本不是堆积功能,而是由下而上的改变了一次……这个界面是有点随便了……
    tSQghkfhTtQt9mtd
        32
    tSQghkfhTtQt9mtd  
       2015-04-24 16:49:16 +08:00
    我只能说今天打开V2EX的时候那吃屎一样的配色和根本加载不了的侧栏加上被去掉的文章连接让我不得不卸载了v2ex.k。。
    我说话有点重,别怪我
    kokdemo
        33
    kokdemo  
    OP
       2015-04-24 17:10:22 +08:00
    @liwanglin12 ……不好意思,你这个描述确实是太重了,让我很不淡定。

    至于加载不了的侧栏,是因为目前还没自动切换https
    tSQghkfhTtQt9mtd
        34
    tSQghkfhTtQt9mtd  
       2015-04-24 17:46:29 +08:00
    @kokdemo 这样啊。。其实20楼的配色很不错的= =
    WLW
        35
    WLW  
       2015-04-24 17:47:19 +08:00
    https的没能正常展开帖子,点帖子后无反应
    http下正常
    kokdemo
        36
    kokdemo  
    OP
       2015-04-24 18:02:04 +08:00
    @liwanglin12 其实就是学那个的……大概是学的不像吧……
    Fedor
        37
    Fedor  
       2015-04-24 18:11:02 +08:00
    Livid 哭晕在厕所
    Ansen
        38
    Ansen  
       2015-04-24 18:22:57 +08:00
    带自动签到不^^
    kokdemo
        39
    kokdemo  
    OP
       2015-04-24 18:35:17 +08:00
    @Ansen 自动签到这个需求有这么强烈么……
    Ansen
        40
    Ansen  
       2015-04-24 18:36:08 +08:00
    @kokdemo 这样我就不专门去登陆v2ex签到了。。
    kokdemo
        41
    kokdemo  
    OP
       2015-04-24 18:36:39 +08:00
    @Ansen 这毕竟是个页面扩展……
    Tink
        42
    Tink  
       2015-04-24 18:39:39 +08:00
    只能chrome用么
    kokdemo
        43
    kokdemo  
    OP
       2015-04-24 18:41:54 +08:00
    @Tink 理论上来说,所有的chrome内核浏览器都能用,加上之前有人转的firefox版本。
    twor2
        44
    twor2  
       2015-04-24 18:44:58 +08:00
    @kokdemo 的确不好看,希望兄弟早日回头是岸
    branchzero
        45
    branchzero  
       2015-04-24 20:10:21 +08:00
    今天还在好奇为什么突然界面变成这样了。。。原来被自动升级了。。。
    先禁用了,求改善界面 TAT
    先感谢了~
    kokdemo
        46
    kokdemo  
    OP
       2015-04-24 22:16:15 +08:00   ❤️ 1
    @twor2
    @branchzero 我会沉淀一下,重新解决界面问题的
    twor2
        47
    twor2  
       2015-04-24 22:33:37 +08:00
    @kokdemo 态度赞一个,好好干,支持你
    crs0910
        48
    crs0910  
       2015-04-24 22:33:41 +08:00
    @kokdemo 没事,还可以让我们学习一下react.js。
    对了,分辨率稍微高一点的显示器无法接受显示效果。
    设置页面的配色也要统一一下吧。
    自动提醒那个提示去提醒页面复制个xxx,你是不是把它隐藏了?
    yetone
        49
    yetone  
       2015-04-24 22:43:26 +08:00
    吓得我赶紧卸载了。。。
    RyuZheng
        50
    RyuZheng  
       2015-04-25 00:01:28 +08:00
    更新了之后感觉不错,继续支持
    zxp
        51
    zxp  
       2015-04-25 12:13:26 +08:00
    @kokdemo 不需要专门增加自动签到的功能,只需要保留原来相关的dom,还有搜索框也需要保留即可和那些自动签到的脚本完美配合使用,上一个版本配合是很完美的。

    另外,还有个bug,在没有登录的情况下,插件的功能是有问题的,而且没有登录入口,很不方便,这个情况下即使是登录了,左上角头像等功能也无法正常工作,需要手动清除本地存储后才可以。
    kokdemo
        52
    kokdemo  
    OP
       2015-04-25 22:50:59 +08:00
    @zxp
    @crs0910 我会处理一下这些bug的。

    自动签到这个不知道是怎么实现的。
    qinglangee
        53
    qinglangee  
       2015-04-29 12:56:39 +08:00
    能不能关掉动态打开的效果, 最讨厌这些浪费时间的特效了
    kokdemo
        54
    kokdemo  
    OP
       2015-04-29 13:24:29 +08:00
    @qinglangee ……那不浪费时间啊,特效和页面加载是同时进行的……
    C7C7
        55
    C7C7  
       2015-05-01 18:11:51 +08:00
    大哥,有没有Safari的扩展啊,chrome MAC下滚动不够流畅啊。
    qinglangee
        56
    qinglangee  
       2015-08-03 10:00:34 +08:00
    @kokdemo 现在翻页一直404, 地址bug了

    http://www.v2ex.com/undefined?p=2
    kokdemo
        57
    kokdemo  
    OP
       2015-08-03 10:08:30 +08:00
    @qinglangee 我晚上回去处理一下这个bug吧,之前都好好的,估计是v2调整了翻页的链接。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2281 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 15:19 · PVG 23:19 · LAX 08:19 · JFK 11:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.