前端开发真麻烦啊 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zarte
V2EX    前端开发

前端开发真麻烦啊

  •  
  •   zarte 2019-05-14 10:32:59 +08:00 6316 次点击
    这是一个创建于 2414 天前的主题,其中的信息可能已经有所发展或是发生改变。

    后端一枚。别人提需求一句话的事,页面交互实现起来好难啊。用的 vue 找的现成轮子却是 react 的。
    还是当年的 jq 开发好,一个库拿过来就能用,实在不行就慢慢写操作 dom 实现交互。现在这样写起了累死了。。.

    第 1 条附言    2019-05-14 15:51:25 +8:00
    举个不好用的例子
    v-for datalist
    ...
    动态改变数据
    splice datalist
    push datalist
    就失去数据绑定的作用了。
    还有元素的拖拽实现。。。。
    第 2 条附言    2019-05-14 15:56:22 +08:00
    话说我不是喷啊,只是吐槽前端上框架以后各种麻烦,以前那种开发方式就是所见即所得,现在绕来绕去的,真的有提高效率么在交互方面。
    29 条回复    2019-05-15 15:21:31 +08:00
    yyjjolin
        1
    yyjjolin  
       2019-05-14 10:45:27 +08:00
    不论是 vue 还是 react 这种 mvvm 框架都有一个共同的优点:解放 dom 操作,楼主自己不愿学习新技术请勿乱喷。
    还有 jq 曾经是个好的工具,你也可以自由使用,你找个 jq 的轮子使不好嘛?
    maichael
        2
    maichael  
       2019-05-14 11:01:30 +08:00
    jq 又不是现在不能用了……
    murmur
        3
    murmur  
       2019-05-14 11:08:08 +08:00   2
    vue 可以找那种纯 js 不要求任何框架的轮子用
    还有啊,前端就是抄样式抄交互,页面在管他是什么框架,调试工具一开下一秒就是我的了
    charlesx
        4
    charlesx  
       2019-05-14 11:16:55 +08:00
    交互前端写啊 你们没有前端吗
    toma77
        5
    toma77  
       2019-05-14 11:20:54 +08:00
    jq 是工具,vue 和 react 是框架。
    人用工具,框架用人。
    所以楼主感觉 jq 好用是正常的,框架其实就是限制多人开发在一定的规范内的东西。当然,用顺手了都很爽。
    zarte
        6
    zarte  
    OP
       2019-05-14 15:59:16 +08:00
    @charlesx 一把梭
    zarte
        7
    zarte  
    OP
       2019-05-14 16:00:06 +08:00
    @murmur 不好抄吧,打包后的 js 那么乱
    zarte
        8
    zarte  
    OP
       2019-05-14 16:01:49 +08:00
    @toma77 这个项目开始的时候决定用 vue 试试的。数据绑定方面啥的还是很方便,只是最近有需求弄交互的东西,元素拖来拖去的就麻烦了。
    ByZHkc3
        9
    ByZHkc3  
       2019-05-14 16:02:47 +08:00   3
    菜是原罪
    yamedie
        10
    yamedie  
       2019-05-14 16:07:18 +08:00
    后端不是也崇尚"约定大于配置"吗, 有些规则和约束是为了更快更好的出活儿, 遵守就好了, 实在怀念 jQuery 仍然可以继续用啊
    ylsc633
        11
    ylsc633  
       2019-05-14 16:12:16 +08:00
    同后端.. 对于前端 我感觉主要是 一些 依赖包 有点头疼..

    比如昨晚,webstorm 右下角提示了个什么,点击一下,然后不知道下载了个啥(npm install )..

    然后 npm run serve 不好使了.. 关键是报错不认识...

    如果有已经搭好的架子比较好用,比 jQ 好用多了.. 各种 UI 库直接拿过来用..

    如果自己搭架子.. 很痛苦.. webpack 根本不知道怎么配置..

    主要还是自己太菜..
    ochatokori
        12
    ochatokori  
       2019-05-14 17:45:16 +08:00 via Android
    看你要做的东西有多大了
    大项目当然是框架了
    一两个页面的小东西 jq 一把梭

    另外,向 datalist push data 不会失去数据绑定作用呀
    k9982874
        13
    k9982874  
       2019-05-14 17:47:59 +08:00
    很久一起写 jq 的时候习惯给页面写好"class",给要操作的 dom 写好 get/set。
    现在 vue,react 的绑定帮忙做好了,同时性能还帮忙调优了还有什么不满意。
    yaphets666
        14
    yaphets666  
       2019-05-14 19:55:15 +08:00   1
    失去数据绑定的作用了? 是数据丢失吗? vue 中直接操作数组的值类型,数组的新成员,对象的新属性,未在 data 中初始化的数据会造成数据丢失
    BreezeInWind
        15
    BreezeInWind  
       2019-05-14 21:43:44 +08:00 via Android   1
    你你需要$set,不谢,我不是雷锋
    molvqingtai
        16
    molvqingtai  
       2019-05-15 00:13:13 +08:00 via Android   1
    目前数组和对象只能用$set,等年底 3.0 用上 proxy 就没有这些问题
    MonoLogueChi
        17
    MonoLogueChi  
       2019-05-15 01:02:12 +08:00 via Android
    客户端兼职后端,写前端真的是头疼,完全搞不懂那一套东西该怎么写
    shehuizhuyi
        18
    shehuizhuyi  
       2019-05-15 01:24:51 +08:00
    我也感觉前端乱 标准天天变来变去 有这时间还不如多学会计算机基础
    lraining
        19
    lraining  
       2019-05-15 04:49:15 +08:00 via Android
    感觉数据驱动很难实现交互动画,很多 jq 很容易实现的动画,数据驱动的框架都无法实现,特别是需要动画回调的时候
    jydeng
        20
    jydeng  
       2019-05-15 06:54:40 +08:00
    看你的需求了,怎么方便怎么来,项目大了以后 jq 容易炸。
    ech0x
        21
    ech0x  
       2019-05-15 07:10:12 +08:00
    框架什么都还好, 但是 webpack 是真的难用啊
    AV1
        22
    AV1  
       2019-05-15 09:00:31 +08:00
    没有框架的约束,跟队友写 jquery 就会写成这样的代码
    <script src="jquery.pluginaa.min.js"></script>
    <script src="jquery.pluginbb.min.js"></script>
    <script src="jquery.plugincc.min.js"></script>
    <script src="jquery.plugindd.min.js"></script>
    <script src="jquery.pluginee.min.js"></script>
    <script src="jquery.pluginff.min.js"></script>
    <script src="jquery.plugingg.min.js"></script>
    <script src="jquery.plugingg.min.js"></script>
    ......

    $().after().before().parent().siblings().children()......

    反正这种屎山我是绝对不再碰了。
    dumbass
        23
    dumbass  
       2019-05-15 09:04:02 +08:00
    @DOLLOR #22 真实
    FakeLeung
        24
    FakeLeung  
       2019-05-15 09:14:04 +08:00
    @DOLLOR #22
    我还遇到过。
    ```
    <script src='jquery.1.11.1.min.js'></script>
    ...
    <script src='zepto.1.2.min.js'></script>
    ```

    然后死活用不了某个函数。结果发现了一个 zepto。。。
    selinayu
        25
    selinayu  
       2019-05-15 11:18:02 +08:00
    作为 jq,react,vue 都用过的人来说,框架好用,不接受反驳
    banricho
        26
    banricho  
       2019-05-15 11:33:56 +08:00
    建议不了解就不要乱评价 =.= 还是一起黑产品经理吧
    Junh
        27
    Junh  
       2019-05-15 13:36:07 +08:00 via iPhone
    除了 angular 是框架,其他的都是库(滑稽
    ritaswc
        28
    ritaswc  
       2019-05-15 15:00:34 +08:00
    等你进入 vue 和 jquery 深水区,了解了 80%以上的框架特性再来喷吧
    满瓶不动半瓶摇的太多了
    做学问不是扯蛋,图一时爽
    babedoll
        29
    babedoll  
       2019-05-15 15:21:31 +08:00
    楼主是后端。。你们不能以要求前端来要求后端啊。。。说实话我觉得后端会写页面已经不错了,人家要是前端大框架全都会了还要前端做咩啊?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     926 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 20:55 PVG 04:55 LAX 12:55 JFK 15:55
    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