征求前端设计/交互开发 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
phoenixlzx
V2EX    ACG

征求前端设计/交互开发

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

    先说明是兴趣参与,我们没有能力支付 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 让你带我超神都不行 (Д`)
    ancerComet
        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     Solana     2820 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 13:14 PVG 21:14 LAX 06:14 JFK 09:14
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86