前端真是一个大坑, 一个 PHPer 的现代前端开发的体验历程。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
justudy
V2EX    分享发现

前端真是一个大坑, 一个 PHPer 的现代前端开发的体验历程。

  •  
  •   justudy 2017-06-07 12:34:44 +08:00 5399 次点击
    这是一个创建于 3117 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本来只是(ˇˇ) 想~用 vuejs 写写后台什么的,于是开始学习 vuejs 的各种语法;

    然后 vue-cli 创建项目;

    然后要用到 vue-router,vuex, axios,

    然后发现文件里各种=>, 又要去学习 es6 的语法;还要了解 commonjs,amd, cmd,

    然后搞不懂了一些 npm 的命令,就要去学 nodejs 的东西;

    然后打包编译发现一堆脚本配置你又看不懂,这时候又要去了解 webpack ;

    后面鬼知道还有什么坑在等着你...

    49 条回复    2017-06-10 22:05:32 +08:00
    airyland
        1
    airyland  
       2017-06-07 13:04:16 +08:00
    vuejs 不用 webpack 也可以写。你重新定义了“坑”。
    tlday
        2
    tlday  
       2017-06-07 13:32:12 +08:00 via Android   2
    认为前端坑是因为很多人自认为了解前端,前端也就 jQuery,bootstrap 那么回事,然后真正深入后发现和自己想的不一样,深入难度比预期高,所以觉得坑。
    justudy
        3
    justudy  
    OP
       2017-06-07 13:41:15 +08:00
    @airyland 可以不用 webpack, 但是你需要打包压缩吧,你需要 sass,stylus 解析吧。总是需要这些工具的
    justudy
        4
    justudy  
    OP
       2017-06-07 13:43:22 +08:00
    @tlday 主要是涉及到各个方面的知识点
    learnshare
        5
    learnshare  
       2017-06-07 13:43:28 +08:00
    Webpack 学了半年,又出新一代打包工具了
    justudy
        6
    justudy  
    OP
       2017-06-07 13:48:01 +08:00
    @learnshare webpack, gulp, browserify ,grunt 搞那么多干嘛。来一个通用的一统江湖
    lianyue
        7
    lianyue  
       2017-06-07 13:53:29 +08:00
    @learnshare 新一代的打包工具是什么。。。
    zhouyg
        8
    zhouyg  
       2017-06-07 13:56:38 +08:00
    这些入门的门槛,现在变成‘坑’了?
    learnshare
        9
    learnshare  
       2017-06-07 14:03:43 +08:00
    @lianyue 还未知,但肯定会出的
    linkdesu
        10
    linkdesu  
       2017-06-07 14:13:26 +08:00
    人类分工本来就是越来越细化、专业化的,前端现在的状态就是朝着细化和专业化的方向发展。所以,要么一起进步,要么就等着被提出前端界吧~
    gongbaodd
        11
    gongbaodd  
       2017-06-07 14:16:55 +08:00
    其实以前用 gcc 也要 makefile 什么的,无非是个工具,学起来也不难
    lancelot
        12
    lancelot  
       2017-06-07 14:22:35 +08:00
    应该有一些成熟的 docker 环境专门做这些事情,为了配置环境浪费生命不值啊。
    DualWield
        13
    DualWield  
       2017-06-07 15:14:32 +08:00   6
    后端真是一个大坑,一个 JSer 的现代后端开发的体验历程。

    本来想用 laravel 写写后台开发的,于是开始学习 laravel 的各种语法;

    然后要用到 Homestead ,Blade,Eloquent ORM 各种东西;

    然后发现文件里面各种 namespace、trait,又要去学习 php 新的特性;

    然后搞不懂了一些 composer 的命令,又去学习;

    后面鬼知道还有什么坑在等着你....
    x86
        14
    x86  
       2017-06-07 15:16:43 +08:00
    前端每年都会出些新东西新框架
    SuperMild
        15
    SuperMild  
       2017-06-07 15:19:56 +08:00   1
    有些后端看不起前端,以为还是以前那些切图仔,到自己去做才发现博大精深,但即便到了此时仍不肯转变思想,只说出什么坑呀、重复做轮子之类的言语来。
    rebeccaMyKid
        16
    rebeccaMyKid  
       2017-06-07 15:21:11 +08:00
    @DualWield 666666
    Heavytiger
        17
    Heavytiger  
       2017-06-07 15:22:01 +08:00
    就没有一种一学永逸的技术。
    royzxq
        18
    royzxq  
       2017-06-07 15:37:14 +08:00
    那我建议你使用 jQuery + bootstrap
    sunjourney
        19
    sunjourney  
       2017-06-07 15:37:49 +08:00
    你只是潜意识认为前端简单才有这种感觉,然后觉得 wc,不是就 html, css, js 吗咋有那么多东西学,深入哪个方向不是要学的一堆吗?
    nullcc
        20
    nullcc  
       2017-06-07 16:02:06 +08:00
    前端这几年的发展可以说是造福了很多前端程序员,现在写前端应用已经没有以前蛋疼了,后端的人如果不熟悉前端生态一进来肯定很不适应的。
    shiji
        21
    shiji  
       2017-06-07 16:38:23 +08:00
    回头想想,这些哪个跟 PHP 真的有关系?
    meepo3927
        22
    meepo3927  
       2017-06-07 17:38:42 +08:00
    工具多就是坑吗?

    你可以试试不用工具,直接用 HTML+CSS+JS 撸起。绝对不"坑"!
    sunzhenyucn
        23
    sunzhenyucn  
       2017-06-07 18:12:39 +08:00 via Android
    我只是觉得前端难,比后端要难
    jswh
        24
    jswh  
       2017-06-07 18:27:59 +08:00
    个人觉得前端的全家桶是一种工程实践。在你项目没有到达某种规模的时候,完全可以按照最小需求来开发。只使用 vue 做前端项目,在刚开始的时候,你说的那些东西很多都不需要的。
    前端的这些工具多用用熟悉了 API 和套路都不难,但是一个工具就是一组概念,几个工具还有概念和概念之间的关系,这些如果一股脑上海,就很头疼。
    tanranran
        25
    tanranran  
       2017-06-07 18:38:24 +08:00
    深有同感
    Tunar
        26
    Tunar  
       2017-06-07 18:41:03 +08:00 via Android
    觉得坑,就是入行之前太看低前端了,另一方面,你学啥没坑。。
    tinyhill
        27
    tinyhill  
       2017-06-07 18:44:38 +08:00
    因为你理解的前端根本不是前端,哈哈
    lwbjing
        28
    lwbjing  
       2017-06-07 19:14:53 +08:00 via iPhone   1
    切图 5 分钟,配置 2 小时。
    为了写个后台页面,各种依赖装完,文件夹有近 200 兆。
    wuhaoworld
        29
    wuhaoworld  
       2017-06-07 19:17:39 +08:00
    如果只是自用小项目,完全没必要搞这么复杂

    script 引入 vue.js,直接就写了。压缩、打包、es6、node 统统都不需要,等你有精力研究了,再一点点上
    linkdesu
        30
    linkdesu  
       2017-06-07 19:30:12 +08:00
    @wuhaoworld 我见过很多一点点上的项目最后都变成了,彻底不上,哈哈哈~~其实不是大家不想一点点上,总是有很多客观因素阻止我们~~
    zhangbohun
        31
    zhangbohun  
       2017-06-07 19:40:55 +08:00
    用 jQuery 和 Bootstrap 可以了。
    wolfan
        32
    wolfan  
       2017-06-07 19:45:54 +08:00
    悔不当初学 Javascript,如今学海无江涯。。。
    littlebaozi
        33
    littlebaozi  
       2017-06-07 19:54:22 +08:00
    你完全可以不用这些啊,jquery 还是能用啊
    isCyan
        34
    isCyan  
       2017-06-07 20:39:30 +08:00 via Android
    我一直不理解 node_modules 里面一堆 js 文件是怎么搞到好几百兆,上万个文件的,太恐怖了
    peneazy
        35
    peneazy  
       2017-06-07 21:35:59 +08:00 via Android
    还有 React Native 呢。。
    ylsc633
        36
    ylsc633  
       2017-06-07 22:06:27 +08:00
    cnpm install 结束,
    打开 webstorm

    nmbp 风扇开始转

    要不是因为这个,我还不知道原来这电脑有风扇的
    qiaobeier
        37
    qiaobeier  
       2017-06-07 22:32:57 +08:00
    @isCyan 依赖的依赖的依赖的依赖。。。 死循环了都。 以前不是有个包更新里面有 bug,结果连锁反应一大堆依赖这个包的项目都出了问题吗,也是蛮搞笑的。
    qhxin
        38
    qhxin  
       2017-06-07 22:50:36 +08:00
    @isCyan 最恐怖的是当你 svn 提交的时候目录下有 node_modules。。。
    mewushuang
        39
    mewushuang  
       2017-06-07 22:59:53 +08:00 via Android
    跨度太大了,跟我的经历简直一样,想做个 go 的项目练手,结果天天在研究前端…
    geelaw
        40
    geelaw  
       2017-06-07 23:00:39 +08:00
    @meepo3927 不是前端开发者,我给个人站点写的东西都是直接 html/css/js (除了内容,是用 md ),并不觉得坑啊,而且有结构的简练美
    mingyun
        41
    mingyun  
       2017-06-07 23:46:32 +08:00
    现在的前端不会玩了
    hxdhttk
        42
    hxdhttk  
       2017-06-08 01:49:07 +08:00   1
    微软的 Webform 多先进,早早就实现了组件化,还有所见即所得的编辑器。
    murmur
        43
    murmur  
       2017-06-08 08:31:06 +08:00
    vue 对 es6 语法要求非常低 es5 完全搞的定 包括 react 一样 就 ng2 非常依赖 ts 语法 原生形式恶心的想吐
    justudy
        44
    justudy  
    OP
       2017-06-08 09:26:13 +08:00
    前端 npm 的包都是随便发的,还是很混乱啊
    Light3
        45
    Light3  
       2017-06-08 09:54:16 +08:00
    想想我现在就用到 Bootstrap+jQuery 就能满足 好开森..
    keikeizhang
        46
    keikeizhang  
       2017-06-08 09:57:30 +08:00
    还好吧,我现在前后端都一些,没事还写写小程序呢。

    遇到一个问题就深入研究一下,彻底搞明白才会避免很多所谓的坑!
    aksoft
        47
    aksoft  
       2017-06-08 11:31:00 +08:00
    @Light3 jquery 就能满足,好开森..
    laoyuan
        48
    laoyuan  
       2017-06-08 12:09:21 +08:00
    jquery 再加一两个插件就能满足,开森
    bwangel
        49
    bwangel  
       2017-06-10 22:05:32 +08:00
    @SuperMild 说的有道理,想起 2017 年过年时因为阿当在程序员杂志上的一篇文章,让一众前端大佬们纷纷怒怼,然后玉伯也叫黑侠在微博里说了一句话我觉得特别在理。

    现在前端圈并不是浮躁,而是正像海绵一样吸收着来自各个领域的优秀思想。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5511 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 06:21 PVG 14:21 LAX 22:21 JFK 01:21
    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