大家好,我是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的我,没准哪天又搞出个「大新闻」来……
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.