现在前端技术真的太方便了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
huruwo
V2EX    互联网

现在前端技术真的太方便了

  •  
  •   huruwo 2021-12-13 09:46:42 +08:00 7712 次点击
    这是一个创建于 1464 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大学里学的前端课程,三剑客时代。 现在各种框架 vue react 一键导入即可,还有 node 这种强力工具。 甚至还有包管理工具 npm ,TS 这种 js 的升级版语言。我觉得现在写前端真是一种幸福的事情。

    只需要拉下来框架就能构建出以前要写半天才能适配好的界面。

    我爱前端,我爱框架。

    45 条回复    2021-12-14 16:56:49 +08:00
    dingwen07
        1
    dingwen07  
       2021-12-13 09:54:23 +08:00   5
    t/821702

    你俩问候下?
    c1273082756
        2
    c1273082756  
       2021-12-13 09:54:47 +08:00
    参考一下
    v2ex.com/t/821702
    paradoxs
        3
    paradoxs  
       2021-12-13 09:55:03 +08:00
    方便程度的升高 = 失业率
    wktrf
        4
    wktrf  
       2021-12-13 09:55:55 +08:00   2
    @dingwen07 我感觉他们是互相嘲讽
    hlwjia
        5
    hlwjia  
    PRO
       2021-12-13 09:56:33 +08:00
    @dingwen07
    @c1273082756 明显 OP 是和那个 OP 肛上了
    ppllss
        6
    ppllss  
       2021-12-13 09:59:14 +08:00   1
    建议 直播 PK 一波
        7
    BeijingBaby  
       2021-12-13 10:00:22 +08:00
    各种工具解决是:
    开发效率、开发方式、开发思维转变、可维护性提高
    提升这些就会带来复杂性,需要程序员去处理这种复杂性
    本质其实没有变,最终都是 js 、html ,只是输出这些的方式变了。
    66beta
        8
    66beta  
       2021-12-13 10:00:39 +08:00
    降低了入行门槛,同时也更方便可以区分水平了
    wolfie
        9
    wolfie  
       2021-12-13 10:00:46 +08:00
    总所周知,vue 、react 之前 前端没有框架。
    cmdOptionKana
        10
    cmdOptionKana  
       2021-12-13 10:01:57 +08:00
    @paradoxs 你说前端工具方便程度高导致失业率高,隔壁贴有人说前端构建工具是前端人员故意弄得复杂,以便提高工资。
    huruwo
        11
    huruwo  
    OP
       2021-12-13 10:02:51 +08:00
    @wolfie 有吧 bootsharp 不是吗
    yeyang5211
        12
    yeyang5211  
       2021-12-13 10:02:52 +08:00
    前端掌握话语权了 , 不像以前 后端学几天 jq 就能指点江山.
    huruwo
        13
    huruwo  
    OP
       2021-12-13 10:03:38 +08:00
    @wolfie 说错了 Bootstrap
    huruwo
        14
    huruwo  
    OP
       2021-12-13 10:04:37 +08:00
    @yeyang5211 前端直接面对用户,一直比后端等级要高的。
    hundredark
        15
    hundredark  
       2021-12-13 10:08:04 +08:00
    前端新手,不懂就问
    在学 react ,代码能照葫芦画瓢写的八九不离十
    webpack 和 babel 看的一头雾水,这玩意怎么学习呢
    murmur
        16
    murmur  
       2021-12-13 10:08:43 +08:00
    @hundredark webpack 先不要学,直接抄或者又用脚手架,到时候根据需求 google 了抄
    dumbass
        17
    dumbass  
       2021-12-13 10:11:35 +08:00
    吐槽前端框架的帖子真是月经贴,隔段时间就要来一个。
    反正我用不惯 jq
    492
        18
    492  
       2021-12-13 10:11:53 +08:00
    t/821702
    建议互动嗷
    492
        19
    492  
       2021-12-13 10:14:29 +08:00
    @hundredark 需要的时候去查就好,都是配置文件。你新手入门很难弄明白,等你具备一定开发经验以后再系统化学习,一下就弄懂的了。
    daimubai
        20
    daimubai  
       2021-12-13 10:21:49 +08:00
    确实,我后端一个月就可以上手 vue 和小程序了,flex 布局真好用。
    makelove
        21
    makelove  
       2021-12-13 10:26:25 +08:00
    哈哈那个贴我昨天看到了但反驳一句的兴趣都没有,发贴人实在是太外行了。。。

    哪怕是做个邮箱 /多文档 Md 编辑器这种交互一般的普通单页面应用,用现代技术小白都能玩得转,甚至从界面到数据流都清楚可读,用 jQuery+Ajax 只有 Google 级人才才能做出 Gmail 这类无刷新 Webapp 。

    jQuery 也就做做博客 /文档之类几乎静态全站的东西。
    ytmsdy"
        22
    ytmsdy  
       2021-12-13 10:30:44 +08:00   1
    现在前端的入门门槛也搞起来了,以前一个搞后端会写 jquery 的,看个几个小时就能上手了。
    现在前端动不动就说 vue ,node ,webpack 这一类工具,后端转前端慢慢的变得不容易。
    前后端的跨度越来越大了。
    不过现在这些组件确实是方便,以前用 jQuery 写个 ajax 无刷新数据自动填充,至少要大半个小时,现在只要拉上组件配置配置就好了
    yeyang5211
        23
    yeyang5211  
       2021-12-13 10:33:58 +08:00
    @huruwo 看角度 我遇到的 cto 都是后端
    0o0o0o0
        24
    0o0o0o0  
       2021-12-13 10:42:32 +08:00
    最关键的是,前端框架抽象了很多东西,就相当于从面相过程到面向对象一样。jQuery 可以写,但是你写的很多代码都是重复的,大部分人都没有办法去自己抽象(而且抽象的尽头还是框架)。

    所以说,增加了学习成本,降低了后续的时间成本,事半功倍,怎么会有人不想学。而且明明前端框架对后端极为友好。。。
    iMiata
        25
    iMiata  
       2021-12-13 10:44:39 +08:00
    看完吐槽前端为了更新而更新的。。。无力反驳,还有举 Spring 的反例的,是后端习惯了作为鄙视链上游鄙视前端,现在发现自己搞不定了才这样吐槽的么
    前端吐槽不至于槽点这么歪吧。。。
    hahastudio
        26
    hahastudio  
       2021-12-13 11:08:05 +08:00   3
    说来说去还是在发展中,解决了旧问题,带来了新问题
    以前的 jQuery ,要写个大型网站,写着写着我觉得实会走到现在 react 之类的类似道路的
    但 npm 黑洞一样的依赖关系,还有奇怪的 fund 、audit ,也带来了更多的心智负担
    比如你看,我刚想装一个 create-react-app ,就告诉我 3 high severity vulnerabilities ,吓死个人
    然后运行一下 npx create-react-app my-app ,哇塞,27 vulnerabilities (16 moderate, 9 high, 2 critical)
    再看本地的 project folder ,37218 个文件,220 MB ,这还什么都没干呢
    https://gist.github.com/hahastudio/a4ac1fcf9ea02b792ffdfca0331bf07a
    zhouquanbest
        27
    zhouquanbest  
       2021-12-13 11:16:23 +08:00
    每次想写个前端项目,webpack 配一整天先。。。
    jackzhengjbs
        28
    jackzhengjbs  
       2021-12-13 11:42:20 +08:00 via Android
    前端≈切图仔 加头保命
    tabris17
        29
    tabris17  
       2021-12-13 11:43:19 +08:00
    支持在线 battle
    feikeq
        30
    feikeq  
       2021-12-13 11:48:44 +08:00
    还是怀念 jQuery 一把梭的年代,现在太重度依赖 NPM 了 ......
    WalkerCeng
        31
    WalkerCeng  
       2021-12-13 13:06:42 +08:00
    现在的后端技术真的太方便了
    zhouyg
        32
    zhouyg  
       2021-12-13 14:29:58 +08:00
    确实,各种工具实在太方便了
    AV1
        33
    AV1  
       2021-12-13 14:50:29 +08:00 via Android   1
    jQuery 该淘汰了。
    所谓一把梭就是$().prev(). parent ().next().siblings(). parent ().next().siblings()这种屎山,一点也不怀念。
    mosfet
        34
    mosfet  
       2021-12-13 14:59:41 +08:00
    Frontpage Dreamweaver Fireworks
    我咋感觉还这一套简单...
    stcheng
        35
    stcheng  
       2021-12-13 17:05:02 +08:00
    @mosfet wow 这几个单词都已经成为历史了 不知道在座的用过这些开发网站的还有多少
    想起小学电脑课其中一个学期就是用 frontpage 做一个网页
    gadfly3173
        36
    gadfly3173      2021-12-13 17:15:43 +08:00
    @makelove #21 gmail 应该是谷歌自研的 SPA 吧
    zw1027
        37
    zw1027  
       2021-12-13 17:38:07 +08:00
    @huruwo 好羡慕前端的同学每天都能和产品、设计小姐姐打交道
    huruwo
        38
    huruwo  
    OP
       2021-12-13 17:39:01 +08:00
    @zw1027 这个你确实想多了
    makelove
        39
    makelove  
       2021-12-13 17:39:08 +08:00
    @gadfly3173 是,以现在的前端水平来看平平无奇了,当年无刷还能跟踪地址变化太高科技了,出来后很长一段时间都是牛逼的代表(也是因为当年前端还不是现在这么热门和成熟,开源都没起来
    kidonng
        40
    kidonng  
       2021-12-13 21:43:57 +08:00 via Android
    @DOLLOR 歪个楼,这种节点查找方式在实际代码里并不常见吧,更多的应该是使用更具体的选择器。如果是吐槽 method chaining 的话,pipe operator 的 spec 里可还在吹呢。
    zm8m93Q1e5otOC69
        41
    zm8m93Q1e5otOC69  
       2021-12-13 22:04:13 +08:00
    然而我还在维护 EXT 的老项目
    AV1
        42
    AV1  
       2021-12-13 22:23:24 +08:00
    @kidonng

    这种复杂的节点遍历,在复杂的表格+表单里,用传统的 jq 开发方式是很常见的。
    比如某个输入框,影响下一行哪个输入框的值,上一行的哪个输入框,又被下一行哪个输入框约束。
    我吐槽的就是这种 UI 和业务强耦合的情况,无论开发和维护都是折磨。
    相反我倒是挺喜欢 method chaining ,起变量名总是一大难题,能少则少; pipe 我在 CoffeeScript 和 LiveScript 都玩过,在 pipe 进入正式标准之前,现在我用 fp-ts 暂时代替。
    ncepuzs
        43
    ncepuzs  
       2021-12-13 22:59:14 +08:00
    npm ?那个跟黑洞一样的东西?
    selfcreditgiving
        44
    selfcreditgiving  
       2021-12-14 09:09:42 +08:00 via Android
    jquery 和 vue 这些不是可以一块用嘛,
    不过一般也就用个 $.ajax ,返回也都是 promise 的。
    tolking
        45
    tolking  
       2021-12-14 16:56:49 +08:00
    确实现在很多东西都是傻瓜化操作,轻轻松松入门。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1021 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 18:41 PVG 02:41 LAX 10:41 JFK 13:41
    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