V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ganbuliao
V2EX  ›  程序员

改 js 快给我改自闭了,好想只写接口啊

  •  
  •   ganbuliao ·
    zcpua · 2019-06-13 11:06:59 +08:00 · 6119 次点击
    这是一个创建于 1988 天前的主题,其中的信息可能已经有所发展或是发生改变。

    真的给别人擦屁股这个事实在是太恶心了,主要是同样的问题次次擦。我 TM 是 php 啊成天改前端的东西。一个 phper 写 js 贼溜,前端逻辑全是我写!!。 这个项目我也采用前后端分离了 这次让前端也就是改改样式 换一换位置什么的
    结果把之前的按钮全部删除 然后在页面里面加上静态的 然后写上下面的 js 搞什么 这样的话你还改什么??

            // 横滚动
            $(".site_rol").mCustomScrollbar({
                axis:"x",
                theme:"light-3",
                advanced:{autoExpandHorizontalScroll:true}
            });
            $('body').delegate('.site_div a', 'click', function(ev){
                $(this).addClass('site_div_a').siblings('a').removeClass('site_div_a');
            });
            //搜索结果
            $(".result_btn").click(function () {
                $(".result").addClass('result_add');
                $(".result .m_sea_div,.result_btn").hide();
                $(".result .top_nav,.result .plat_cen").show();
            });
            $('body').delegate('.result_add .top_nav .perv_icon', 'click', function(ev){
                $(".result").removeClass('result_add');
                $(".result .m_sea_div,.result_btn").show();
                $(".result .top_nav,.result .plat_cen").hide();
            });
            //点击选择起点
            $(".shop_top_inp1").click(function () {
                $(".stag").removeClass('hidden');
                $(".navigate_yh_c").addClass('hidden');
            });
            $(".m_sea_a3").click(function () {
                $(".stag").addClass('hidden');
                $(".navigate_yh_c").removeClass('hidden');
            });
            //点击选择终点
            $(".shop_top_inp2").click(function () {
                $(".s_end").removeClass('hidden');
                $(".navigate_yh_c").addClass('hidden');
            });
            $(".m_sea_a4").click(function () {
                $(".s_end").addClass('hidden');
                $(".navigate_yh_c").removeClass('hidden');
            });
    //        点击关闭新手引导
            $(".guide_btn").click(function () {
               $(".guide").hide();
            });
            //点击我的位置
            $(".seat_a").click(function () {
                $(this).toggleClass('seat_act');
            });
            //点击放大缩小
            $(".enl_jia,.enl_jian").click(function () {
                $(this).addClass('enl_add');
            });
    
    
    56 条回复    2019-06-13 21:47:04 +08:00
    ccyu220
        1
    ccyu220  
       2019-06-13 11:11:54 +08:00   ❤️ 9
    你管这叫前端逻辑?
    thonatos
        2
    thonatos  
       2019-06-13 11:13:34 +08:00
    9102...了
    hereIsChen
        3
    hereIsChen  
       2019-06-13 11:18:51 +08:00
    这不就是些按钮点击事件么,顺便改下样式
    dremy
        4
    dremy  
       2019-06-13 11:19:01 +08:00 via iPhone
    怕不是需要推翻重写一遍了
    hyy1995
        5
    hyy1995  
       2019-06-13 11:24:02 +08:00
    jquery 一把梭?都没上流行框架,这种 js 写起来也就只是专注业务逻辑,你后端同样写的也是业务逻辑,自然会写。就好比我前端也会写后端的代码逻辑和一些不复杂的增删改查,但是那些框架怎么搭数据库怎么设计,我就不在行了。
    zaul
        6
    zaul  
       2019-06-13 11:27:00 +08:00
    ?你写 JS 的时候好像蔡徐坤啊
    zaul
        7
    zaul  
       2019-06-13 11:27:11 +08:00
    多捞啊
    ganbuliao
        8
    ganbuliao  
    OP
       2019-06-13 11:30:38 +08:00
    这不是我写的 js 这是前端写的 完全是静态的的 自己骗自己 我还要全部重写
    所以脑壳疼
    ganbuliao
        9
    ganbuliao  
    OP
       2019-06-13 11:33:10 +08:00
    可能是我表达的有问题,晚上回家要多读读 语文书了
    599316527
        10
    599316527  
       2019-06-13 11:39:44 +08:00
    可以 MVVM 重构一把嘛
    wunonglin
        11
    wunonglin  
       2019-06-13 11:42:31 +08:00
    说实话现在看到 jq 就头疼,各种 id、class 不敢动,一动全蹦,鬼知道在 XXXX 文件里还用了这个 class,

    总结:ts 大法好
    icebreaker12
        12
    icebreaker12  
       2019-06-13 11:44:47 +08:00
    噢上帝啊 看看这面条
    Takamine
        13
    Takamine  
       2019-06-13 11:45:36 +08:00   ❤️ 1
    一脸懵逼的进来,一脸懵逼的离开。
    话说,点击事件 JQ 不是这么写的吗,还是 JQ 也是 @click="xxx"了。:doge:
    slert
        14
    slert  
       2019-06-13 11:47:43 +08:00
    只是这段代码的话 简直是一目了然 还抱怨啥呀
    KuroNekoFan
        15
    KuroNekoFan  
       2019-06-13 11:50:15 +08:00
    老板只肯出页面仔的价格招前端不就这样,别吐槽了,辞职吧
    ganbuliao
        16
    ganbuliao  
    OP
       2019-06-13 11:59:46 +08:00
    大哥 这个是改线上的功能啊, 这段代码放上去能用, 谁家搜索只显示个层就行了 、点击回到位置就给当前按钮就给当前 dom 切换个选中样式就可以了, 这不是自己骗自己呢么 。 我说了这是项目是前后端分离的,我是后端 。这段代码放线上能跑吗。
    主要原因就是我没有表达清楚吧。
    前端把页面的结构 和 class 都换成新的了 然后就留下这一段 js。
    我就是抱怨一下,还要去找之前的逻辑给对应上然后修改修改 之前的 js 代码 4000 行啊 不说了 忙去了
    ganbuliao
        17
    ganbuliao  
    OP
       2019-06-13 12:01:37 +08:00
    @KuroNekoFan 恩还是你说的有道理
    ayumi043
        18
    ayumi043  
       2019-06-13 12:08:04 +08:00
    用 jquery 这样写 没毛病, 最多再封装一下。又不是 mvvm。
    masker
        19
    masker  
       2019-06-13 12:11:07 +08:00 via Android
    这。。。很正常啊。。。
    ibegyourpardon
        20
    ibegyourpardon  
       2019-06-13 12:13:59 +08:00
    其实只是这个规模的话,还挺好的。。。
    hewelzei
        21
    hewelzei  
       2019-06-13 13:05:59 +08:00   ❤️ 1
    楼主吐槽前端,我来吐槽一下后端写的前端代码吧。
    [![VfJ2FI.png]( https://s2.ax1x.com/2019/06/13/VfJ2FI.png)]( https://imgchr.com/i/VfJ2FI)
    Vue + jQuery,直接 HTML 内 script 标签里写 Javascript 代码;
    了解 Vue 的程度像个新手,不知生命周期,不会监听数据,更没有组件的概念;
    好像就吧 Vue 的实例当作全局的变量来用,逻辑都用 Jquery 来写;
    还有 CSS 写得像屎一样就不想吐槽了;
    zhouleiwit2017
        22
    zhouleiwit2017  
       2019-06-13 13:08:47 +08:00
    @hewelzei 我只能说,这样写,何必 vue...
    hewelzei
        23
    hewelzei  
       2019-06-13 13:10:46 +08:00 via Android
    @zhouleiwit2017 不知道,大概为了“时髦”吧!
    shehuizhuyi
        24
    shehuizhuyi  
       2019-06-13 13:13:40 +08:00
    前端圈乱是对的 一天出一个新框架
    xomix
        25
    xomix  
       2019-06-13 13:56:04 +08:00
    我们前端在给百度地图的模块 div 的 css 上加了个
    .baidumap img{ width:100%;height:100% }

    然后我调用百度地图卡了一天多
    ganbuliao
        26
    ganbuliao  
    OP
       2019-06-13 13:59:53 +08:00
    @hewelzei 就应该前后端分离, 对双方都好 何必互相伤害呢
    xutao881
        27
    xutao881  
       2019-06-13 14:11:55 +08:00
    前后端分离才是王道啊,谁也别招惹谁,啥事儿都没有
    gouflv
        28
    gouflv  
       2019-06-13 14:16:44 +08:00 via Android
    有本事就自己写咯,吐槽能提升你们前端的水平?
    DOLLOR
        29
    DOLLOR  
       2019-06-13 14:34:17 +08:00
    想到 jq 内部的鄙视链,$().on()一把梭鄙视用$().bind()、$().delegate()、$().live()、$().click()这些 deprecated 的 API。
    JK9993
        30
    JK9993  
       2019-06-13 14:40:52 +08:00
    有前端的话就拒绝写呗,不然要前端干什么。
    hoooootdooooog
        31
    hoooootdooooog  
       2019-06-13 14:43:37 +08:00
    还在用 angularjs 的我是不是也要被淘汰了....
    moonsola
        32
    moonsola  
       2019-06-13 14:51:53 +08:00
    lz 的表达有点抓不住重点。
    总结就是你自己写的能完好运行的 js 代码被前端删了,全给换成了点击显示 /隐藏的按钮……
    hewelzei
        33
    hewelzei  
       2019-06-13 15:00:18 +08:00 via Android
    @ganbuliao 我接手的项目,我也很想分离,功能都快完成的东西,分离只能重构。
    HuasLeung
        34
    HuasLeung  
       2019-06-13 15:05:25 +08:00
    下次新项目试着上 react/vue,不用直接操作 DOM 那么混乱……
    yoke123
        35
    yoke123  
       2019-06-13 15:09:56 +08:00
    看着很亲切 啊 不是 看着很操蛋
    panwb
        36
    panwb  
       2019-06-13 15:24:05 +08:00
    还在用 jquery,强烈建议使用 vue,react
    zzh1224
        37
    zzh1224  
       2019-06-13 15:55:07 +08:00
    jq,老亲切了
    npe
        38
    npe  
       2019-06-13 15:57:45 +08:00
    楼上在鄙视啥? 一个 Lib 还给自己整出优越感来了?
    ganbuliao
        39
    ganbuliao  
    OP
       2019-06-13 15:59:50 +08:00
    争取下次能用上 Vue 写代码一时爽,该需求两行泪
    AyanamiRei
        40
    AyanamiRei  
       2019-06-13 16:00:12 +08:00
    全干工程师
    luchenqun
        41
    luchenqun  
       2019-06-13 16:27:45 +08:00
    想起了前几天很火的帖子:代码泄密。。。
    azoon
        42
    azoon  
       2019-06-13 16:32:59 +08:00
    jquery 十分钟上手。。
    jeasonzuo
        43
    jeasonzuo  
       2019-06-13 16:36:28 +08:00
    你们用 jquery 前后端分离?
    ganbuliao
        44
    ganbuliao  
    OP
       2019-06-13 16:38:37 +08:00
    一个单页面应用 用啥不行
    gulullu
        45
    gulullu  
       2019-06-13 16:39:57 +08:00   ❤️ 1
    回复里这么多人没看懂?前端把之前的逻辑删除了,然后写上了楼主贴的代码,搞得楼主又要重写逻辑,而楼主只是让改改样式调调位置。
    LittleLease
        46
    LittleLease  
       2019-06-13 17:07:33 +08:00
    换工作,在我意识到公司不会再招一个前端写 js 的时候我就开始准备跑路。
    zaul
        47
    zaul  
       2019-06-13 17:22:47 +08:00
    教练,我想学 Jquery。
    way2create
        48
    way2create  
       2019-06-13 18:32:36 +08:00
    ...怎么还有鄙视后端写的前端代码的,先不论代码垃圾与否,这算什么 diss 链
    lovedebug
        49
    lovedebug  
       2019-06-13 18:34:06 +08:00 via Android
    全栈多爽多寂寞
    nigelvon
        50
    nigelvon  
       2019-06-13 18:40:22 +08:00
    缩进不一致。强迫症难受。
    ben1024
        51
    ben1024  
       2019-06-13 19:00:21 +08:00
    如果没前端,还是用模板写比较舒服,
    没人的时候整前后端分离,自己写接口,自己调用会很痛苦
    Jirajine
        52
    Jirajine  
       2019-06-13 19:03:59 +08:00 via Android
    @hewelzei 泄密警告👮
    hoyixi
        53
    hoyixi  
       2019-06-13 19:04:54 +08:00
    讲真,这是体力活。 哈哈
    Aprilming
        54
    Aprilming  
       2019-06-13 19:07:06 +08:00
    我是 Python web 开发,前后端分离,但是!前后端分离人不分离,我又要写后端 web 接口,又要写前端页面,vue 写到顺手 ,需求自己理解,设计自己设计,数据库自己设计吗,前端自己写,后端自己写。。。领导美名其曰:”两年之后,你就是全栈!“
    supuwoerc
        55
    supuwoerc  
       2019-06-13 19:58:25 +08:00 via iPhone
    还是我们分离的项目好🐶
    zhuzhibin
        56
    zhuzhibin  
       2019-06-13 21:47:04 +08:00
    全干工程师路过
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1324 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 23:44 · PVG 07:44 · LAX 15:44 · JFK 18:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.