314x
V2EX  ›  问与答

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

  •  
  •   314x · Oct 16, 2013 · 8855 views
    This topic created in 4613 days ago, the information mentioned may be changed or developed.
    html/html5 css/bootstrap javascript/jquery
    46 replies    2015-06-20 21:27:06 +08:00
    yakczh
        1
    yakczh  
       Oct 16, 2013
    angularjs
    314x
        2
    314x  
    OP
       Oct 16, 2013
    @yakczh 展开说说
    refresh
        3
    refresh  
       Oct 16, 2013   ❤️ 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
       Oct 16, 2013
    @refresh 这么复杂……前端确实比后端苦逼
    wandou
        5
    wandou  
       Oct 16, 2013
    @refresh 这位一看就是高手啊
    msg7086
        6
    msg7086  
       Oct 16, 2013   ❤️ 1
    @refresh 已吓尿
    refresh
        7
    refresh  
       Oct 16, 2013   ❤️ 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之间了。
    hsinglin
        8
    hsinglin  
       Oct 16, 2013
    @refresh 总结得很棒,多觉不爱。
    otakustay
        9
    otakustay  
       Oct 16, 2013
    前端的趋势都快变成nodejs了好么……
    ijse
        10
    ijse  
       Oct 16, 2013
    @refresh
    > undescope(增加js,backbone依赖)

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

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


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

    refresh 提的那些是工具,不是技术。
    ianva
        18
    ianva  
       Oct 16, 2013   ❤️ 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  
       Oct 16, 2013
    只会 C 的后端已经吓尿。。。
    victor
        20
    victor  
       Oct 16, 2013
    @refresh 总觉得非常好,感谢!node.js 能做静态文件的缓存或者片段缓存什么的么?
    DeeCheung
        21
    DeeCheung  
       Oct 17, 2013
    以上差不多都学会话得什么级别?例如阿里级别?好有个参照。

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

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

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

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

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

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


    @ianva 你好,可不可以说下阿里的前端技术评判标准?node.js在阿里怎样?
    66beta
        29
    66beta  
       Oct 17, 2013
    以前觉得前端比后台简单,奋力学了点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  
       Oct 17, 2013 via Android
    前端哪有什么趋势。一切能用JS实现的,都将会被JS实现。趋势是JS万能化?
    66beta
        31
    66beta  
       Oct 17, 2013
    补一个
    前端最终归宿:Ceylon
    linuxer
        32
    linuxer  
       Oct 17, 2013
    @ianva 给跪......
    ianva
        33
    ianva  
       Oct 17, 2013   ❤️ 1
    @ijse 现在不在阿里了,评判标准和懂多少技术关联不大,也看团队看业务线

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

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

    @moxuanyuan 真正的高手都不回贴的,看完会心一笑,更多高手没空混论坛。
    zythum
        41
    zythum  
       Oct 17, 2013
    @refresh 其实不用管那么多的框架啊。类库啊什么的,新手会迷茫的。 还是 html 、css 、javascript 基础实现什么的都知道了。什么框架学起来都是轻松自在的。
    guangwong
        42
    guangwong  
       Oct 17, 2013
    明白自己需要什么,哪些环节,定位好工具。 哪有那么多东西。
    liuxiaoyu
        43
    liuxiaoyu  
       Oct 22, 2013
    @zythum 发现现在会用框架已算渣,大家都在读框架源码……
    YvesC
        44
    YvesC  
       Feb 27, 2014
    @refresh 不要吓唬小同学了,前端你只要懂html表情(包括html5),会css(包括css3),会js就ok了啊,你说的只是这些东西再开发的框架,开发的时候可用可不用的,老是用框架才会被笑话的,莫装逼哈
    bucket
        45
    bucket  
       Apr 11, 2014
    想招聘一个高级前端工程师,兼职开始吧,请和我联系,qq 893 * five four * 101
    我们是一个在硅谷的startup,项目很有意思,有点类似priceline那样的网站,具体qq里说。
    希望你熟悉:css html pjax ember angular等
    LuciusChen
        46
    LuciusChen  
       Nov 2, 2014
    跪了
    thinker3
        47
    thinker3  
       Jun 20, 2015
    @66beta 最近发现ceylon这个语言,准备尝试一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4205 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 105ms · UTC 00:05 · PVG 08:05 · LAX 17:05 · JFK 20:05
    ♥ Do have faith in what you're doing.