现在前端的主流和趋势还是这三样么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
314x
V2EX    问与答

现在前端的主流和趋势还是这三样么?

  •  
  •   314x 2013-10-16 14:35:59 +08:00 8402 次点击
    这是一个创建于 4425 天前的主题,其中的信息可能已经有所发展或是发生改变。
    html/html5 css/bootstrap Javascript/jquery
    46 条回复    2015-06-20 21:27:06 +08:00
    yakczh
        1
    yakczh  
       2013-10-16 15:02:00 +08:00
    angularjs
    314x
        2
    314x  
    OP
       2013-10-16 15:06:06 +08:00
    @yakczh 展开说说
    refresh
        3
    refresh  
       2013-10-16 15:16:04 +08:00   4
    jQuery不是应该滚出前端界么 :),开个玩笑,不过现在你说你会jQuery就是前端会被人笑的。
    angular, backbone, thorax
    grunt, then, require, async
    mocha, expect, should
    handlebars, jade, ejs, mustache
    less stylus

    超前一点的,关注meteor与engine.io/socketstream

    and,楼主不会用搜索引擎?
    314x
        4
    314x  
    OP
       2013-10-16 15:31:04 +08:00
    @refresh 这么复杂……前端确实比后端苦逼
    wandou
        5
    wandou  
       2013-10-16 15:33:19 +08:00
    @refresh 这位一看就是高手啊
    msg7086
        6
    msg7086  
       2013-10-16 16:02:14 +08:00   1
    @refresh 已吓尿
        7
    refresh  
       2013-10-16 16:21:42 +08:00   5
    @msg7086 别看那么多,有很多是同类的,只取一种,例如典型的项目可能会用
    backbone(MVC)
    jQuery(DOM操作)
    zepto(同jQuery,适用于Mobile)
    less(CSS处理)
    handlebar(模板)
    mocha(单元测试)+expect(单元测试)
    require(模块化)
    grunt(批处理)
    async(处理异步)
    undescope(增加js,backbone依赖)
    bower(用于管理各种模块)
    normalize.css(css的复位处理,一般都会要用)
    其它css框架,如pure,grid960之类
    bootstrap(后台系统利器)

    这个应该算是基本的了,再加上其它一些模块,一个项目中很容易就超过十个第三方模块了。再加上不同的喜好,项目实际需要等等,还有不同的变化。比如说有些人喜欢用backbone,有些人喜欢用anglur;有些人喜欢用require,有些人喜欢用seajs,也有些人喜欢用browserify。

    js就是第三方特别多,有很多选择。

    @wandou 菜鸟一只

    @314x 各用侧重点吧,后端也要看什么了,像.Net微软系的活,自成一体,学好.Net基本上你不用考虑其它事了。但其它的,像Node.js就完全需要依赖各种第三方模块了,其它像Ruby与Python对第三依赖了也不少吧。objective-c这些又是介于微软系与Node.js之间了。
    refresh
    hsinglin
        8
    hsinglin  
       2013-10-16 16:50:27 +08:00
    @refresh 总结得很棒,多觉不爱。
    otakustay
        9
    otakustay  
       2013-10-16 16:53:25 +08:00
    前端的趋势都快变成nodejs了好么……
    ijse
        10
    ijse  
       2013-10-16 17:01:39 +08:00
    @refresh
    > undescope(增加js,backbone依赖)

    这是个什么? 我以为是underscore, 把它当工具类来用

    其实前端还是那三样:HTML, CSS, JS
    refresh
        11
    refresh  
       2013-10-16 17:16:09 +08:00
    @ijse 增强js,typo,backbone强依赖于underscope和jQuery,其实程序还是那一样,无非就是二进制


    @otakustay 多数后端将会被前端吃掉
    83f420984
        12
    83f420984  
       2013-10-16 17:25:21 +08:00
    要会这么多技术才算真正的前端么?
    ianva
        13
    ianva  
       2013-10-16 20:43:48 +08:00
    现在前端的趋势已经想 nobackend 了
    ianva
        14
    ianva  
       2013-10-16 20:45:58 +08:00
    loading
        15
    loading  
       2013-10-16 20:48:09 +08:00 via iPhone
    趋势是老鸟转nodejs搞后端,让新人填前端坑
    ianva
        16
    ianva  
       2013-10-16 20:50:42 +08:00
    @loading 前端和转后端没有关系,只不过职能更广泛了,node.js 其实给前端带来的是前端环境的变化,自动化,如果是转 node.js 已经是后端了,只不过用了 Javascript 这门语言而已
    ghbjy1128
        17
    ghbjy1128  
       2013-10-16 21:16:57 +08:00
    @83f420984

    refresh 提的那些是工具,不是技术。
    ianva
        18
    ianva  
       2013-10-16 21:28:29 +08:00   5
    大概列一下,不一定全

    1. 页面 ( css3,html5 )
    2. 自动化(grunt 服务于前端的方方面面)
    3. 单页面应用(mvc,mvp,mvvm 框架,backbone,angular.js,ember.js)
    4. 直接访问数据(nobackend)
    5. cavas,webgl (类似flash,game)
    6. 监控(后端基于node.js监控页面,配合前端框架收集数据)
    7. 安全(xxs)
    8. 基础库,业务库 ( bootstrap, jquery, underscore , 业务dpl)
    9. 扩展前端语言( coffeescript, stylus, sass )
    10. 跨平台(移动端,响应式,各种html5应用开发)
    11. 实时数据访问( webSocket )
    12. 测试TDD,BDD ( jasmine, mocha )
    13. 性能优化
    14. 前端部署,持续集成(node.js,git)


    前端环境
    2,6,9,14

    新平台
    1,5,10,11

    开发方式
    3,4,8,12

    优化
    7,13

    当然以上未必都要了解精通,以下是我的看法

    前端环境是改进开发效率( 改进效率的东西当然要用 )

    新平台是未来方向( 可以尝试 )

    开发方式( 必须要学习 )

    优化( 务必了解 )
    soli
        19
    soli  
       2013-10-16 22:29:02 +08:00
    只会 C 的后端已经吓尿。。。
    victor
        20
    victor  
       2013-10-16 22:30:24 +08:00
    @refresh 总觉得非常好,感谢!node.js 能做静态文件的缓存或者片段缓存什么的么?
    DeeCheung
        21
    DeeCheung  
       2013-10-17 00:49:59 +08:00
    以上差不多都学会话得什么级别?例如阿里级别?好有个参照。

    -。- 做了一年+前端的 python 党表示,累觉不爱。
    ianva
        22
    ianva  
       2013-10-17 02:00:07 +08:00
    想了解现在的前端技术的话给一个全的
    https://github.com/dypsilon/frontend-dev-bookmarks

    技术只是驱动产品和项目的手段,至于用过什么技术都学没学过,和水平没有关系,有基础学新东西都很快上手

    重要的能结合产品,能深入研究一个方向,能推进项目
    阿里的P职位不同级别要求也不一样,但从没有拿懂多少种技术作为评判标准的
    scg16
        23
    scg16  
       2013-10-17 03:41:26 +08:00 via Android
    已尿~~~厕所里看的~
    cctvsmg
        24
    cctvsmg  
       2013-10-17 03:48:05 +08:00
    @ianva 吓尿了........
    zhujinliang
        25
    zhujinliang  
       2013-10-17 08:48:02 +08:00
    不就是个HTML 、CSS和Javascript么,你们前端闲人咋整出这么多幺蛾子
    mengzhuo
        26
    mengzhuo  
       2013-10-17 09:29:31 +08:00
    Python后端表示吓傻了
    fangzhzh
        27
    fangzhzh  
       2013-10-17 09:47:21 +08:00
    学一门编程语言, 一两个星期就能入门了.
    想入门前端, 那是要使出吃奶的劲啊
    ijse
        28
    ijse  
       2013-10-17 09:50:25 +08:00
    @zhujinliang 哈哈,, 我也这么觉得。

    前端入门简单,html, css, js都很好学,但要用好比较难,需要很多积累,前端开发面临的问题比较多,于是便出了这么多工具、库、框架;另外也出现了一些新的技术,如WebRTC, WebSocket等,以满足目前更高的前端展现需求。

    虽然基本技术仍然是这三样,但W3C标准一直在刷新,不断有新的标准定义,网页展现也更加丰富(如canvas, css3中的各种效果等),ECMAScript也不断发展,这些都需要前端开发者不断跟进学习的。

    所以前端做起来不简单,前端挺忙的~~ :d


    @ianva 你好,可不可以说下阿里的前端技术评判标准?node.js在阿里怎样?
    66beta
        29
    66beta  
       2013-10-17 09:57:38 +08:00
    以前觉得前端比后台简单,奋力学了点PHP,中小型都能做了,无外乎再来点linux基础操作。

    再回头看前端,我的妈呀!

    感觉现在比较流行的是:
    1. 前端MVC的JS框架:angular、amber、backbone之类
    2. responsive design:mobile first
    3. 自动化构建:bower、grunt之类
    4. 往后端发展:nodejs
    5. 自动化兼容:Modernizr
    6. CSS预处理:SASS、LESS

    各种HTML5/CSS3新功能就不说了
    FrankFang128
        30
    FrankFang128  
       2013-10-17 09:57:38 +08:00 via Android
    前端哪有什么趋势。一切能用JS实现的,都将会被JS实现。趋势是JS万能化?
    66beta
        31
    66beta  
       2013-10-17 09:58:52 +08:00
    补一个
    前端最终归宿:Ceylon
    linuxer
        32
    linuxer  
       2013-10-17 10:18:57 +08:00
    @ianva 给跪......
    ianva
        33
    ianva  
       2013-10-17 10:34:48 +08:00   1
    @ijse 现在不在阿里了,评判标准和懂多少技术关联不大,也看团队看业务线

    p5 能撑得起业务线,p6 能解决一类问题有比较强的推进力,p7 在一个领域有研究,p8 玉伯是p8不知道有没升,业界有一定影响力,往上不了解了不知道有没前端同学有这个级别,其他的话举个例子之前老大是p10 美国微软做过8年带团队的
    moxuanyuan
        34
    moxuanyuan  
       2013-10-17 10:45:44 +08:00
    @refresh 这里真系高手云集
    582033
        35
       2013-10-17 10:57:11 +08:00
    @ijse 应该是楼上写错了吧,我觉得应该是underscore
    verfino
        36
    verfino  
       2013-10-17 11:04:23 +08:00
    @refresh 。。。从此再也不敢对别人说会任何前端技术
    justfindu
        37
    justfindu  
       2013-10-17 11:05:12 +08:00
    册那~ 完全被吓尿了~ 看起来我会的还只是只是div拼图啊~ 未够班啊~
    zieglar
        38
    zieglar  
       2013-10-17 11:09:18 +08:00
    楼上那么多尿了的,记得去看医生啊,前列腺不好要早点治
    KK233
        39
    KK233  
       2013-10-17 11:45:02 +08:00
    @ianva 给跪了~~
    refresh
        40
    refresh  
       2013-10-17 12:48:36 +08:00
    @justfindu div+css是网页设计师应该会的基本功

    @verfino 前端就是有很多工具,这两年很多优秀的后端人才加进入,现在前端也是模块化,面向对象化,和以往已经有非常大的区别。

    @moxuanyuan 真正的高手都不回贴的,看完会心一笑,更多高手没空混论坛。
    zythum
        41
    zythum  
       2013-10-17 13:39:23 +08:00
    @refresh 其实不用管那么多的框架啊。类库啊什么的,新手会迷茫的。 还是 html 、css 、Javascript 基础实现什么的都知道了。什么框架学起来都是轻松自在的。
    guangwong
        42
    guangwong  
       2013-10-17 23:59:42 +08:00
    明白自己需要什么,哪些环节,定位好工具。 哪有那么多东西。
    liuxiaoyu
        43
    liuxiaoyu  
       2013-10-22 14:17:20 +08:00
    @zythum 发现现在会用框架已算渣,大家都在读框架源码……
    YvesC
        44
    YvesC  
       2014-02-27 10:46:18 +08:00
    @refresh 不要吓唬小同学了,前端你只要懂html表情(包括html5),会css(包括css3),会js就ok了啊,你说的只是这些东西再开发的框架,开发的时候可用可不用的,老是用框架才会被笑话的,莫装逼哈
    bucket
        45
    bucket  
       2014-04-11 11:31:18 +08:00
    想招聘一个高级前端工程师,兼职开始吧,请和我联系,qq 893 * five four * 101
    我们是一个在硅谷的startup,项目很有意思,有点类似priceline那样的网站,具体qq里说。
    希望你熟悉:css html pjax ember angular等
    LuciusChen
        46
    LuciusChen  
       2014-11-02 09:52:35 +08:00
    跪了
    thinker3
        47
    thinker3  
       2015-06-20 21:27:06 +08:00
    @66beta 最近发现ceylon这个语言,准备尝试一下
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2263 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 16:08 PVG 00:08 LAX 08:08 JFK 11:08
    Do have faith in what you're doing.
    ubao msn 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