前端-用什么框架比较合适? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
CopyPaste
V2EX    程序员

前端-用什么框架比较合适?

  •  
  •   CopyPaste 2015-10-20 10:45:07 +08:00 10180 次点击
    这是一个创建于 3646 天前的主题,其中的信息可能已经有所发展或是发生改变。
    Angular?React?还是 only JQuery?
    第 1 条附言    2015-10-20 11:34:32 +08:00
    目标网站就是清新简洁重交互的网站,符合手机交互的感觉,但不是手机版。
    61 条回复    2015-10-22 15:55:21 +08:00
    kiroli
        1
    kiroli  
       2015-10-20 10:50:13 +08:00
    用顺手的 不解释
    66beta
        2
    66beta  
       2015-10-20 10:50:58 +08:00
    第三个好歹 jquery ui 吧
    zrp1994
        3
    zrp1994  
       2015-10-20 10:52:53 +08:00
    不谈功能和需求谈框架的行为是***
    zythum
        4
    zythum  
       2015-10-20 10:56:13 +08:00   1
    做吃的-用什么锅子比较合适?
    高压锅?砂锅?还是 平底锅?

    问题是 你准备烧啥?
    Wangxf
        5
    Wangxf  
       2015-10-20 11:10:05 +08:00   2
    还是看场景,大多数显示页面的 jquery 就行了,涉及到表单-->>view 比较多的用 vue.js ,文档规范,看个下午文档就差不多了, github 上有 7000 多个 star 了
    plqws
        6
    plqws  
       2015-10-20 11:11:41 +08:00
    后端转前端的推荐 React
    zhicheng
        7
    zhicheng  
       2015-10-20 11:11:43 +08:00
    楼主真的不是过来引战的?
    CopyPaste
        8
    CopyPaste  
    OP
       2015-10-20 11:12:42 +08:00
    @Wangxf 谢谢推荐,研究下。
    CopyPaste
        9
    CopyPaste  
    OP
       2015-10-20 11:13:29 +08:00
    @zhicheng 不是啊,前端的东西不了解,目前我们的前端比较乱,想规范下。
    CopyPaste
        10
    CopyPaste  
    OP
       2015-10-20 11:14:56 +08:00
    @plqws 不是后端转的,有个做静态页面不错但交互弱了些的小前端。
    learnshare
        11
    learnshare  
       2015-10-20 11:15:45 +08:00
    看场景,单纯展示页面, jQuery 足以应付。管理后台这种再考虑 Angular.js 。
    React 不了解
    plqws
        12
    plqws  
       2015-10-20 11:17:56 +08:00
    @CopyPaste 初学推荐 jQuery … Angular 和 React 那些框架的理论有点难理解…
    CopyPaste
        13
    CopyPaste  
    OP
       2015-10-20 11:19:42 +08:00
    @learnshare 最近研究了下 Angular ,好像是不够灵活。
    yangqi
        14
    yangqi  
       2015-10-20 11:20:46 +08:00
    react 和 jquery 都不是框架好不好,只有 angular 可以称得上是框架
    iwege
        15
    iwege  
       2015-10-20 11:21:55 +08:00   1
    Angular 和 React 在构建工具类型的有优势,如果只是展示类的,逻辑不复杂的,直接 jquery 就 ok 了。

    前两个在开发环境搭建完成之后估计后一个就写完了所有的界面了。

    难易程度的话, jquery < backbone << Angular && React.

    如果说是引用混乱的话,推荐使用 webpack 或者其他的进行打包发布管理即可,不需要考虑使用其他的 library 。
    murusu
        16
    murusu  
       2015-10-20 11:23:22 +08:00
    这东西不是看需求吗?硬上某种框架是在作死
    CopyPaste
        17
    CopyPaste  
    OP
       2015-10-20 11:26:19 +08:00
    @iwege 了解,谢谢。
    543400
        18
    543400  
       2015-10-20 11:48:07 +08:00
    amazeui - Bootstrap - UIKit
    chairuosen
        19
    chairuosen  
       2015-10-20 11:50:42 +08:00
    Vanillajs
    glchaos
        20
    glchaos  
       2015-10-20 13:00:34 +08:00
    有人用过 YUI 么,还是不错的
    Biwood
        21
    Biwood  
       2015-10-20 13:02:25 +08:00
    Angular.js 一般用来做单页应用, React.js 目前还不够成熟,用 jQuery 就够了吧
    kingme
        22
    kingme  
       205-10-20 13:06:39 +08:00
    Vue.js 没人用嘛
    nareix
        23
    nareix  
       2015-10-20 13:09:11 +08:00
    Angular 1 坑很多,谨慎使用。 React 其实也挺成熟了,不少公司在用了。
    nareix
        24
    nareix  
       2015-10-20 13:09:45 +08:00
    第三次前端世界大战即将爆发,请无关人员迅速撤离现场
    RoshanWu
        25
    RoshanWu  
       2015-10-20 13:10:03 +08:00
    @kingme 移动端用用可以,由于其只支持 IE9+,国内环境恐怕难以用在生产环境
    bramblex
        26
    bramblex  
       2015-10-20 13:22:18 +08:00 via iPad
    自己造轮子
    CopyPaste
        27
    CopyPaste  
    OP
       2015-10-20 13:46:55 +08:00
    @Biwood 谢谢建议,目前也是这么考虑的。
    CopyPaste
        28
    CopyPaste  
    OP
       2015-10-20 13:48:00 +08:00
    @nareix React 不太容易上手
    hantsy
        29
    hantsy  
       2015-10-20 13:50:21 +08:00
    AngularJS 1.x 比较成熟。。。
    LancerComet
        30
    LancerComet  
       2015-10-20 13:50:54 +08:00
    “符合手机交互的感觉”,在下觉得可以瞅瞅 Angular-Material ,但是要了解 Angular 本身
    fmcand
        31
    fmcand  
       2015-10-20 13:50:56 +08:00
    适合手机的可以试试 ionic ,但是也是 angular based 的
    LancerComet
        32
    LancerComet  
       2015-10-20 13:51:18 +08:00
    visonme
        33
    visonme  
       2015-10-20 14:33:17 +08:00
    具体还是看你的网站业务需求+ js 框架太多,很多时候完全看个人喜好选择

    想一站到底的 AngularJS ,轻量级的 vuejs
    辅助类 jquery 或者 zeptojs 都是可以的,类似优秀的类库功能都差不多,所列举了
    前端 UI : foundtion , amui 等~ 太多了~ 百度下差不多都有了
    visonme
        34
    visonme  
       2015-10-20 14:34:54 +08:00
    看了楼主的补充那么选择 zeptojs + vuejs + Foundations ( Semantic UI) 不错
    aivier
        35
    aivier  
       2015-10-20 14:40:10 +08:00
    一般喜欢造轮子,除非做一个复杂点的,不然为了几十行 JS 引入一个 jQuery ?
    rokeyzki
        36
    rokeyzki  
       2015-10-20 15:16:06 +08:00
    如果是 web app ,建议框架为 React 加 Redux , UI Kit 则选择 Elemental UI

    如果是展示页(移动端),则建议类库为 Zeptojs , UI KIT 则选择 Ionic
    jarlyyn
        37
    jarlyyn  
       2015-10-20 15:55:00 +08:00
    react 不错
    MuskWang
        38
    MuskWang  
       2015-10-20 16:03:32 +08:00
    前来观战。
    CopyPaste
        39
    CopyPaste  
    OP
       2015-10-20 16:17:50 +08:00
    @visonme Great, thanks
    magicdawn
        40
    magicdawn  
       2015-10-20 17:40:37 +08:00
    今天的 GitHub trending, 语言选 Javascript. React & redux 关键词占 9/25. 共 25 条, 9 条是根据 project 的名字包含 react or redux 得出.

    虽然我不用 React, 但还是承认他很牛.
    malcolmyu
        41
    malcolmyu  
       2015-10-20 17:55:13 +08:00
    显然当前最时髦的应该是 react & redux
    zikkeung
        42
    zikkeung  
       2015-10-20 17:56:13 +08:00
    做一个响应式(pc+移动端)又改如何选择尼
    chemzqm
        43
    chemzqm  
       2015-10-20 19:54:12 +08:00
    不维护的话,用啥都能做出来,需要维护的话,这几个都蛮坑的
    sox
        44
    sox  
       2015-10-20 20:59:13 +08:00 via Android
    Vue.js
    Kuro
        45
    Kuro  
       2015-10-20 21:28:07 +08:00
    每到这种时候我就要来推荐 Vue.js
    htfy96
        46
    htfy96  
       2015-10-20 21:35:19 +08:00
    angular 1.x 性能有点捉急……等 2 再看看
    jellybool
        47
    jellybool  
       2015-10-20 22:22:55 +08:00
    之前录了个 laravel 5 的系列视频,要不来个 Vue.js 系列?
    tkisme
        48
    tkisme  
       2015-10-20 23:13:37 +08:00
    符合手机交互一般就是 material design ,清晰简洁建议还是 bootstrap ,综合下来 material bootstrap
    cxbig
        49
    cxbig  
       2015-10-21 00:17:20 +08:00
    公司现在用 React+Flux , Redux 正在研究阶段。
    newtonisaac
        50
    newtonisaac  
       2015-10-21 01:05:11 +08:00
    react
    dannyliu
        51
    dannyliu  
       2015-10-21 08:51:13 +08:00 via Android
    @kingme 有啊,我们就在用, 66 的
    kingme
        52
    kingme  
       2015-10-21 09:06:27 +08:00
    @dannyliu 1.0 还是 0.12 啊,最近正在学。感觉 1.0 好像稍微好用点的样子。然后组件系统有点难理解啊。 QAQ
    lostpupil
        53
    lostpupil  
       2015-10-21 09:38:15 +08:00
    脱离场景谈框架都是耍流氓
    ren2881971
        54
    ren2881971  
       2015-10-21 10:01:09 +08:00
    AngularJS 这玩意出 2 了么?
    dqh3000
        55
    dqh3000  
       2015-10-21 10:05:03 +08:00
    @ren2881971 现在 angular2 应该 api 都没固定呢,还在不停的测试

    他们完全用 es6 为基础了,这一点我还是很欣赏的(虽然这一点不重要
    ren2881971
        56
    ren2881971  
       2015-10-21 10:07:24 +08:00
    @dqh3000 谢谢回复。 能推荐一两个 单页应用的案例么? 想推荐公司尝试单页应用- 、-
    dqh3000
        57
    dqh3000  
       2015-10-21 10:09:42 +08:00
    我个人认为 angular 还是很重的

    对轻量级项目太大,对重量级项目如果 controller 太多也太大(个人看法,就是假设你的项目要写 100 个页面,就要 100 个 controller 和 100 个 template ,然后 angular 的默认做法是一口气全部加载,这个有什么好的解决办法?

    react 只有 view 层吧?说是框架有点勉强吧

    jquery 不算框架……
    wendzhue
        58
    wendzhue  
       2015-10-21 10:18:41 +08:00 via iPhone
    月经
    ren2881971
        59
    ren2881971  
       2015-10-21 10:19:38 +08:00
    @ren2881971 好吧 我用过 trello~
    Looook
        60
    Looook  
       2015-10-21 11:04:41 +08:00
    不谈需求选框架就是耍流氓
    iwege
        61
    iwege  
       2015-10-22 15:55:21 +08:00
    @dqh3000 加上 redux 可以勉强算框架,现在来看 react 不单单是 view 层,实际也可以作为 c 层存在。

    如果考虑 root state 作为 model 的话,整个生态实际很全了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1332 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 17:10 PVG 01:10 LAX 10:10 JFK 13:10
    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