V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
314x
V2EX  ›  问与答

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

  •  
  •   314x · 2013-10-16 14:35:59 +08:00 · 7862 次点击
    这是一个创建于 4060 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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 已吓尿
    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之间了。
    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
    582033  
       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   ·   实用小工具   ·   5925 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 01:56 · PVG 09:56 · LAX 17:56 · JFK 20:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.