V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
phoenixlzx
V2EX  ›  ACG

征求前端设计/交互开发

  •  
  •   phoenixlzx · 2015-12-06 20:26:32 +08:00 · 5359 次点击
    这是一个创建于 3285 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先说明是兴趣参与,我们没有能力支付 V2EX 水平的报酬。只需要业余时间帮忙做即可。

    只接受有爱的小伙伴。

    任务是吸收用户反馈并重写前端页面,可以完全推翻原有设计和架构,如果有能力的话。

    现在的简要架构是

    • 后端 Koa.js / Redis / MongoDB
    • 前端 Angular 1.2.x / Angular Material 0.7.x / etc (一大堆 module) 配合 RESTful API

    要求的能力:

    • 熟悉至少一种 MVVM 前端框架
    • 熟悉 RESTful API
    • 了解前端性能调优
    • 具有一定的设计感

    有二次元产品设计 /开发经验最佳

    如果有兴趣的话,请邮件至 prpr at bangumi.moe 或 QQ 群 424641564 (请注明来自 V2EX 参与项目)

    第 1 条附言  ·  2015-12-06 21:07:03 +08:00
    要求里漏了一条

    我们的代码托管在 GitHub ,所以你还需要熟悉 Git 代码协作。
    第 2 条附言  ·  2015-12-06 22:14:17 +08:00
    补充

    1. 我们从一开始就没有前端开发人员,并且已经意识到、接到用户反馈问题所在,所以希望邀请有兴趣的朋友一起来做。欢迎指出问题,但是请不要想通过指责来秀优越。

    2. 此项目完全没有任何商业性质、没有任何营利计划。

    3. 无脑喷、秀优越等行为会直接吃 block 。
    第 3 条附言  ·  2015-12-07 13:15:57 +08:00
    加群的话请加单独的开发群: 522017410
    50 条回复    2015-12-19 10:43:13 +08:00
    suinia
        1
    suinia  
       2015-12-06 20:28:47 +08:00
    是什么项目呢?
    phoenixlzx
        2
    phoenixlzx  
    OP
       2015-12-06 20:34:01 +08:00
    cyio
        3
    cyio  
       2015-12-06 20:55:41 +08:00
    发现你们做页面都喜欢弄很多特效
    phoenixlzx
        4
    phoenixlzx  
    OP
       2015-12-06 20:56:46 +08:00
    @cyio ... 不是我们加的,其实并不需要那么多特效
    chemzqm
        5
    chemzqm  
       2015-12-06 21:21:43 +08:00
    Material design 过度使用,可以说是为了效果而效果。
    Angular 这种框架搞的东西调优个人感觉是非常困难,因为 js css html 耦合度太高了
    phoenixlzx
        6
    phoenixlzx  
    OP
       2015-12-06 21:25:38 +08:00
    @chemzqm 重点就在这里,用之前我们都没想到这货特效这么多

    angular-material 一直到 1.x 以后才能用,现在也不好升级。有能力写前端逻辑的话可以丢掉目前的架构,反正前后端是分离的
    Hyperion
        7
    Hyperion  
       2015-12-06 21:29:30 +08:00
    页面跳动好厉害,而且似乎并不需要这么复杂的层级结构…
    botao1
        8
    botao1  
       2015-12-06 21:40:02 +08:00
    啥叫“前端设计”“交互开发”?
    emric
        9
    emric  
       2015-12-06 21:42:31 +08:00
    有空可以帮帮忙.

    页面跳动是因为 body.modal-open 去除滚动条的原因.
    换成下面这个实现, 应该就不会跳动了.
    https://github.com/dimsemenov/Magnific-Popup/blob/master/src/js/core.js#L796
    taoche
        10
    taoche  
       2015-12-06 21:46:55 +08:00 via iPhone
    没报酬的吗?
    scys
        11
    scys  
       2015-12-06 21:50:13 +08:00 via Android
    请重写整个页面…卡死了…
    scys
        12
    scys  
       2015-12-06 21:52:31 +08:00 via Android
    不用担心 material 性能,负载够字幕组用,公司随手写的东西,同时六万数据显示不卡
    imgalaxy
        13
    imgalaxy  
       2015-12-06 21:57:01 +08:00 via Android
    @Hyperion 快去…然后明年带我超神
    username10086
        14
    username10086  
       2015-12-06 22:05:19 +08:00 via iPhone
    如果是福利于大家且透明公开的公益项目就多多支持。不然商业项目还是不要搞情怀。
    LancerComet
        15
    LancerComet  
       2015-12-06 22:14:43 +08:00
    @phoenixlzx Angular-Material 的指令结构过于复杂,数据绑定的地方适当放弃指令组件,比如 ng-repeat 的地方啥的,另外由于指令结构过于复杂,有时候某些组件的节点会意外带来大量重排重绘造成浏览器卡顿,这是个坑(比如那个 md-button 里面的超大水波 div ……)。被这货坑过之后再用它就会好很多。
    phoenixlzx
        16
    phoenixlzx  
    OP
       2015-12-06 22:17:26 +08:00
    @LancerComet 其实之前讨论已经打算放弃 angular 和 material 了,前者是因为太重量级而且后期很难升级维护(几!乎!每!个!步!进!号!都会 break API 。
    后者... 虽然挺好看的,而且新版也开始想样子了,不过 Google 自己一而再再而三违反 MD 原则已经对它无爱了

    总之有兴趣的话欢迎来参与,现在还没决定新版要用哪些技术栈。
    sox
        17
    sox  
       2015-12-06 22:25:49 +08:00
    可以来打杂吗!
    phoenixlzx
        18
    phoenixlzx  
    OP
       2015-12-06 22:27:13 +08:00
    @sox 欢迎!
    Hyperion
        19
    Hyperion  
       2015-12-06 22:36:20 +08:00
    @imgalaxy 请你原地去世!小心给你寄鲱鱼罐头,冬天,可以寄了!
    imgalaxy
        20
    imgalaxy  
       2015-12-06 22:39:16 +08:00 via Android
    @Hyperion 让你带我超神都不行 。・゚・(ノД`)・゚・。
    LancerComet
        21
    LancerComet  
       2015-12-06 22:39:53 +08:00
    @phoenixlzx 可以考虑换成轻量级的 MVVM ( Vue , Avalon 之类)+ jQuery ,个人觉得很够用了,还能装各种组件,粗略的看了下时间轴那里,没有用 Angular ,应该是用了 jQuery ,所以写的时候应该无比纠结 _(:3 」∠)_ 但是 Angular 那一套全家桶用习的多了还真舍不得(其实可以扔掉 Angular-Material 保留 Angular ?)
    phoenixlzx
        22
    phoenixlzx  
    OP
       2015-12-06 22:41:58 +08:00
    @LancerComet 如果有更易于维护和轻量的方案的话,可以继续用 angular
    虽然目前另外一个主要开发者不答应继续 angular (没错说得就是你别潜水 @tengattack
    时间轴准备弃了,再好看现在也没起到相应作用

    vuejs 前段时间试了一下没玩转... 不过看起来很棒的样子,还是打算试试看。要加群来聊聊么?
    hanai
        23
    hanai  
       2015-12-06 23:14:54 +08:00
    vuejs 不错
    jiongxiaobu
        24
    jiongxiaobu  
       2015-12-06 23:36:34 +08:00 via Android
    React 大法好
    AstroProfundis
        25
    AstroProfundis  
       2015-12-06 23:53:23 +08:00
    前端无力,帮顶_(:зゝ∠)_
    jarnanchen
        26
    jarnanchen  
       2015-12-07 00:00:07 +08:00
    前端做的不错,我没有发现有卡的现象啊
    shuding
        27
    shuding  
       2015-12-07 00:16:46 +08:00
    同觉得 angular-material 太重了……
    躲过这波期末考试,寒假时或许可以参与 _(:з」∠)_
    formatComb
        28
    formatComb  
       2015-12-07 00:57:20 +08:00
    Vue+1
    scys
        29
    scys  
       2015-12-07 01:02:27 +08:00
    @phoenixlzx 刚好在地铁上,没有冷静说,为我自己发言道歉。

    用手机 chrome 看会卡,应该是 ng-repeat 没有过滤函数,并且用了原始了过滤器,那个效率一般。
    我先看看代码,在讨论 -_- ,吸取教训,下次不那么冲动。

    确实是随手写东西支撑 6 万多大概数据量在 100~200M 内存占用左右,说明是 angular-material 并没有那么低效。

    自己也看了不少动画,是希望共享下力量的。
    fengxiang
        30
    fengxiang  
       2015-12-07 03:49:33 +08:00
    你们跟 bangumi.tv 是什么关系?
    msg7086
        31
    msg7086  
       2015-12-07 03:51:52 +08:00
    只求有个 lite 版的发布页能给我们发布就行了。
    如果能有个命令行工具能直接塞个 json 文件根据里面的数据 post 就更好了。
    phoenixlzx
        32
    phoenixlzx  
    OP
       2015-12-07 10:06:43 +08:00 via Android
    shyling
        33
    shyling  
       2015-12-07 10:48:11 +08:00 via iPad
    很想试试呀,可是对前端不是特别熟
    wangcheng
        34
    wangcheng  
       2015-12-07 10:53:50 +08:00
    就算用了 Angular Material 也不应该这么卡吧……
    JohnSmith
        35
    JohnSmith  
       2015-12-07 11:00:45 +08:00
    React 嘛
    angusjune
        36
    angusjune  
       2015-12-07 11:01:14 +08:00
    @phoenixlzx Google 一而再再而三违反 MD 原则 具体是指?
    daodao
        37
    daodao  
       2015-12-07 11:05:06 +08:00
    技术应该挺吊,但产品和交互简直反人类。。。
    scarlex
        38
    scarlex  
       2015-12-07 11:42:20 +08:00
    原来这网站是凤凰菊苣的...
    虽然我技术栈都符合,但我也不愿意写 ng ...
    123s
        39
    123s  
       2015-12-07 12:29:21 +08:00
    可以去看代码吗?
    AlisterTT
        40
    AlisterTT  
       2015-12-07 13:13:59 +08:00
    这个网站和 bgm 有关么=w=
    phoenixlzx
        41
    phoenixlzx  
    OP
       2015-12-07 13:15:42 +08:00
    @AlisterTT 没关系,虽然 bgm 的管理员参与过设计给提了好多意见... 否则现在的页面更不能看
    phoenixlzx
        42
    phoenixlzx  
    OP
       2015-12-07 13:24:34 +08:00
    @scarlex 新前端技术栈大概就是 vue 了,要不要来?前端开发群看附言。
    tengattack
        43
    tengattack  
       2015-12-07 13:28:55 +08:00
    路过打酱油
    auzeonfung
        44
    auzeonfung  
       2015-12-07 13:29:36 +08:00
    当初帮忙写前端的时候留了点坑,很惭愧(
    scarlex
        45
    scarlex  
       2015-12-07 17:02:33 +08:00
    @phoenixlzx 可以啊~ 但我对 vue 不熟悉,需要一段时间去熟悉下
    djyde
        46
    djyde  
       2015-12-07 17:08:19 +08:00
    你们二次元搞的这东西啊, excited!!
    doublleft
        47
    doublleft  
       2015-12-07 17:12:53 +08:00
    特效加的不错啊,但是 pushState 怎么没有,如果我想分享一个帖子,地址是?
    phoenixlzx
        48
    phoenixlzx  
    OP
       2015-12-07 17:16:55 +08:00
    @scarlex 没事慢慢来

    @doublleft 点开复制标题链接
    ProfFan
        49
    ProfFan  
       2015-12-07 19:36:57 +08:00
    我是来膜拜 @tengattack 聚聚的
    oubushixb
        50
    oubushixb  
       2015-12-19 10:43:13 +08:00
    只用 angular 的路过...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1146 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:52 · PVG 02:52 · LAX 10:52 · JFK 13:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.