一个后端 er 想进前端娱乐圈 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
Sh1nes00n
V2EX    程序员

一个后端 er 想进前端娱乐圈

  •  
  •   Sh1nes00n 2019-08-12 22:54:58 +08:00 7205 次点击
    这是一个创建于 2251 天前的主题,其中的信息可能已经有所发展或是发生改变。
    42 条回复    2019-08-15 13:07:30 +08:00
    BranderZMX
        1
    BranderZMX  
       2019-08-12 23:07:14 +08:00 via iPhone   1
    一入前端深似海
    Sh1nes00n
        2
    Sh1nes00n  
    OP
       2019-08-12 23:18:53 +08:00
    @BranderZMX 从此头发是路人
    mamahaha
        3
    mamahaha  
       2019-08-12 23:29:48 +08:00
    现在的前端和以前不一样了,前端不是你想进,想进就能进。
    iPhoneXI
        4
    iPhoneXI  
       2019-08-12 23:41:26 +08:00
    后端 学习了下 vue,发现前端真不容易
    不比客户端开发配各种 SDK 轻松
    May725
        5
    May725  
       2019-08-12 23:43:36 +08:00
    “娱乐圈” 这个词 精髓
    unicloud
        6
    unicloud  
       2019-08-12 23:44:42 +08:00 via iPhone
    是不是想裹前端妹子?
    CuVee
        7
    CuVee  
       2019-08-12 23:50:54 +08:00
    前端正在想转后端。。。。 真的是围城
    momocraft
        8
    momocraft  
       2019-08-13 00:01:46 +08:00
    从 0 配置说不得要坑全部踩一遍 (下面你可能要踩各种 css in js, 各种 webpack 插件 etc)

    不如找个 boilerplate 省事
    ipwx
        9
    ipwx  
       2019-08-13 00:05:29 +08:00
    我觉得你的学习顺序有问题。

    正如 #8 所说的,你没必要把这些前端从底层到高层的东西全踩一遍,再来写前端代码。

    还不如先挑一个框架(三大框架 Vue ReactJS AngularJS ),然后用它们做好的傻瓜工具开个项目,然后开工就是了。比如 vue-cli 可以直接新建包含 webpack、SASS 和 ES6 在内的项目框架。

    因为除了这些底层工具链,你还有一堆框架之上的类库需要学。
    zhuangzhuang1988
        10
    zhuangzhuang1988  
       2019-08-13 00:14:50 +08:00
    欢迎
    panwb
        11
    panwb  
       2019-08-13 02:24:30 +08:00 via iPhone
    哈哈,前端娱乐圈。哥们用词很到位呀
    charlie21
        12
    charlie21  
       2019-08-13 02:28:37 +08:00
    赶紧去。走一个是一个,竞争压力小一些
    q8164305
        13
    q8164305  
       2019-08-13 07:53:31 +08:00 via Android
    前端不是你想学,想学就能学
    12tall
        14
    12tall  
       2019-08-13 08:24:49 +08:00
    什么前端后端 还不是一样被找茬 ( _ )
    herotiga
        16
    herotiga  
       2019-08-13 08:59:12 +08:00
    本来每天回家就打游戏了,做了前端你回家还能打游戏吗
    xutao881
        17
    xutao881  
       2019-08-13 09:11:38 +08:00
    实际没那么复杂,更多的是填第三方依赖的坑
    fumichael
        18
    fumichael  
       2019-08-13 09:13:17 +08:00
    为什么这么想不开,全干(搬砖工)路过
    Lax
        19
    Lax  
       2019-08-13 09:13:56 +08:00
    我会 HTML/CSS/Javascript,但是遇到 webpack 配置文件完全懵逼了
    encro
        20
    encro  
       2019-08-13 09:14:46 +08:00
    PHP:cakephp+ci+Yii+laravel
    Python:flask+django
    GO:revel+gin+echo
    前端:小程序+vue+angular+flutter+ReactJS+快应用
    其他:redis+memcache+mongo+elastic+sphinxsearch+mysql+pgsql

    目前以上都做过的一些项目中用到的,大部分都是公司的,有些是个人的,
    目前也在纠结还学点或者做点什么好呢?
    yiyi11
        21
    yiyi11  
       2019-08-13 09:29:42 +08:00 via Android
    兄弟,别去,那是天坑。走,我们先去写 crud。
    TesterCC
        22
    TesterCC  
       2019-08-13 09:47:19 +08:00
    认真讲现在前端要学很多东西(不是当年学点 HTML/CSS/Javascript/JQuery 就能凑合的),要求也不比后端低,除非真的是很喜欢写前端代码。(虽然也听过不少后端转前端的干得挺好的)
    chenyu0532
        23
    chenyu0532  
       2019-08-13 09:55:35 +08:00
    我也请教下。。现在是手游开发客户端,js es5 es6 熟悉,html 和 css 正在搞 ife。也想问问转前端好,还是学习点 php 或 python 等之类的后端。。
    Rocka
        24
    Rocka  
       2019-08-13 10:13:24 +08:00   1
    本来想在原博客评论的,可是不管怎么解锁,都提示 “发表评论前,请滑动滚动条解锁” ... 那就发在这里吧:

    其实 yarn 也没什么更好的地方。npm 在更新到 5.x 版本以后(现在的版本是 6.x )已经吸纳了 yarn 的很多功能,yarn 一开始作为主要功能的 package lock 也在 npm 里面被默认启用了,而 yarn 还有一些陈年旧 bug 没有修复,虽然影响的都是一些不常用的功能,但一旦遇上了还是挺烦的。

    严格来讲 Rollup 不能算是 transpiler,是与 webpack 类似的 module bundler,支持各种插件,可以做到转译、打包、压缩一站式。而 gulp 在 webpack 出现以后也日渐式微了。

    ESM 是可以直接在现代浏览器运行的,只不过要求以 <script type="module"> 的方式进行引入。一般来说 CJS 就是 CommonJS 的缩写,没什么可理解的。

    至于打包工具的选择,一句话:“ Use webpack for apps, and Rollup for libraries ”。至于 parcel 什么的,玩玩就算了 ...
    Sh1nes00n
        25
    Sh1nes00n  
    OP
       2019-08-13 10:24:28 +08:00
    @encro .net core 了解一下?

    @TesterCC 现在的前端主要往规范化方向发展,我因为一个模块化,就折腾了这么多工具,总的来说是好的,只是太能折腾了

    @ipwx 按你所说,我是要去学习某样技能,但我现在是面向需求学习,我只是为了规范我的代码,因此想学习怎么来写 js 的模块,这才牵扯到后面的一系列东西
    Sh1nes00n
        26
    Sh1nes00n  
    OP
       2019-08-13 10:41:38 +08:00
    @Rocka 感谢,typecho 的插件有 bug,已经关闭了

    我选择 yarn 最主要的原因是,安装包时,如果已经安装过一次,yarn 会从缓存中取,npm 会再次下载

    我原先最不明白的点是从编译后的代码到浏览器运行代码的过程,也就是“打包”的意思,打包更多的是指将多个文件合并到一个吧?这个过程也该需要个 transpiler,后来想到,将多个 module “编译”为浏览器可执行代码,其实就是将这些文件打包进一个文件中,非常感谢你指出的“ transpiler ”和“ module bundler ”

    如果 Rollup 也可以打包的话,那我更喜欢 gulp+rollup 这种组合,在试用 webpack 后发现也没怎么折腾
    hirasawayui
        27
    hirasawayui  
       2019-08-13 11:14:14 +08:00
    npm 比 yarn 好用,优点是少打一个字母
    dk7952638
        28
    dk7952638  
       2019-08-13 11:29:35 +08:00
    CRUD 的十种写法你都会了吗?
    dfourc
        29
    dfourc  
       2019-08-13 11:32:42 +08:00
    @hirasawayui #27 高级黑
    hyyou2010
        30
    hyyou2010  
       2019-08-13 11:37:57 +08:00   1
    @Sh1nes00n

    [译] 向恐龙解释现代 Javascript
    https://zhuanlan.zhihu.com/p/38209210
    keepeye
        31
    keepeye  
       2019-08-13 11:50:43 +08:00   1
    身为末端的我表示每天承受的压力很大,还是前端好
    angith
        32
    angith  
       2019-08-13 12:19:56 +08:00 via Android
    前端想去后端
    hoosin
        33
    hoosin  
       2019-08-13 12:27:33 +08:00   1
    看了一下楼主总结的 学习能力还不错 基本上诠释了现代前端的工作范围职责
    encro
        34
    encro  
       2019-08-13 13:45:19 +08:00
    @Sh1nes00n c#只会一点,写了一个 word,excel,ppt 转 pdf 工具。.net core 没有深入了解,目前主要学习 typescript,ng。
    Rocka
        35
    Rocka  
       2019-08-13 17:07:08 +08:00
    @Sh1nes00n #26 npm 也是有缓存的,运行 npm cache verify 可以查看缓存的路径以及大小
    bakabie
        36
    bakabie  
       2019-08-14 01:50:34 +08:00
    mamahaha
        37
    mamahaha  
       2019-08-14 09:15:02 +08:00
    @encro 大佬,你头发还在吗
    hiddendeerer
        38
    hiddendeerer  
       2019-08-14 10:16:12 +08:00
    @encro 怎么会的这么多,也有好多重复的框架
    encro
        39
    encro  
       2019-08-14 10:30:12 +08:00
    @mamahaha
    @hiddendeerer

    学着用着就有这么多了,头发还好,胃开始不行了。
    missnote
        40
    missnote  
       2019-08-14 14:20:01 +08:00
    娱乐圈欢乐多,插眼
    codingbaby
        41
    codingbaby  
       2019-08-14 14:52:44 +08:00
    后端 crud 满足不了你?
    Caspian
        42
    Caspian  
       2019-08-15 13:07:30 +08:00
    恭喜入坑前端配置工程师
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5590人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 07:11 PVG 15:11 LAX 00:11 JFK 03:11
    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