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

求助,不会写前端代码的困惑

  •  1
     
  •   ccc00 · 24 天前 via iPhone · 7783 次点击
    背景:我是半路出家,自学转行进入前端开发一年左右,在外包的公司工作。工作的内容大多是后台管理等,会 Javascript / React hooks / Vue 的语法,但不会灵活使用,举一反三,总是遇到需求不会做,没有思路。好比字典的字都会,但是不会写小说,会 26 个英文字母,不会写出语法正确的句子。现在的困惑是,工作不会导致心情很差,整个人都很焦虑,吃也吃不下,睡也睡不好。不知道怎样去调节,感觉已经有点抑郁了。
    想过一些解决方法:
    1. 加群问人,但遇到的大多数都是水群,要么就是冷嘲热讽,说后台管理不就是有手就行?可能大部分人都不记得新手期的绝望之坡是怎么渡过吧。长期往来的打击,自信心越来越低。
    2. 跟着视频学习,动手去做,但收效甚微,换个形式就不知道怎么去做了。
    3. 去社区看文章,例如掘金,Stack OverFlow Github 等等。
    4. 使用 Google 用英文搜索问题,但总是可能自己本来不会,搜索出来大多数都不相关。
    5. 阅读官方文档,但对着还是不知道怎么写。
    6.请教同事,但同事也忙,问得多同事也不想回答。
    7. 换个赛道,但其实自己虽然不期望成为大神,但其实还是希望能继续做前端,在没有想到自己会做其他行业之前,换个赛道的想法只不过是热锅里的一条鱼,正面煎完反面煎,充满期待却难免达不到预期。
    最后,我想我的智商应该没问题,前端也许没那么难,但自己就是没有想明白,可能有人提点我一下,可能会开窍。请前端大神们给点意见,帮助一下迷途的我,或者教教我怎么摆脱新手的煎熬😫与困惑,怎样才会写代码,在此先感谢了。
    157 条回复    2024-04-28 21:46:08 +08:00
    1  2  
    xwwsxp
        101
    xwwsxp  
       24 天前
    @ccc00 你都能上这网站了,为什么不在浏览器上安装《 沉浸式翻译》插件,你设置一下,可以自动调用微软或 google 的翻译接口,帮你翻译。
    changepll
        102
    changepll  
       24 天前
    用心去做 2-3 个项目. 遇到不懂的就先自己查资料给弄明白.
    你这种属于基础太差,但又不愿意把基础给补起来. 浮沙筑不了高台.
    说个比较常用的 chrome 控制台里面所有的功能你都熟悉吗. 或者你最熟悉它里面的哪些
    MaxwellX
        103
    MaxwellX  
       24 天前   ❤️ 1
    多敲多练,熟能生巧.
    vue 的官网先看一遍.
    如果是 vue2 的话,把 vue-element-admin 跟着敲一遍,读一读大神写的手摸手教学,都有配套说明.
    如果是 vue3 的话,把 V3 Admin Vite 跟着敲一遍.
    多看同事已经实现的功能,看看自己为啥实现不了,是哪块没有掌握吗.
    现阶段不需要用到 google,百度基本上就可以满足你的大部分需求,剩下的 chatgpt 基本上也都可以搞定.
    NoOneNoBody
        104
    NoOneNoBody  
       24 天前
    以前的话,你需要 csdn 问答社区,以前这货对白丁是真的好
    现在,你需要 gpt 或其他 AI ,但要懂问的方法,不要从大处问,而是从小处问,例如求平均值要换成求和和除法两个问题,只是比喻,意思是更细的粒度对学习有好处,先积累,记得保存各种例子备查
    sugars
        105
    sugars  
       24 天前
    5. 阅读官方文档,但对着还是不知道怎么写。

    ...总结就是,死记硬背是不行的,要多思考多理解
    dog82
        106
    dog82  
       24 天前
    JS TS HTML5 HTTP CSS 这些基本功一定要扎实,才能游刃有余
    learnshare
        107
    learnshare  
       24 天前
    对很多人来说,一年经验甚至连入门都算不上
    多抄、多写、多学习和深入研究,跌跌撞撞就熟练了
    WonderCc
        108
    WonderCc  
       24 天前
    我建议你看一下那个慕课网的实战案例,我一个 java 后端都会写大部分的前端需求,不过在公司我没告诉别人听
    ronyin
        109
    ronyin  
       23 天前
    现在有了 GPT 。。可以拜师。。
    haichao0808
        110
    haichao0808  
       23 天前
    需求来了不会写的话,可以看看有没有类似的网站,然后参考别人的写
    v22q
        111
    v22q  
       23 天前
    总结:1 肝 2 看 3 想。1 看优质(一定要优质的,好评很多的)教学视频,跟着敲,敲完就熟练了。然后自己给自己提需求尝试实现,或者写写插件,解决问题的过程中一定会深入原理。2 网上看别人分享的问题解决方案,由于是真实项目的问题,含金量都很高。 不懂就问 AI 大模型问官方文档问同行,但小心 AI 幻觉 3 自己给自己项目提需求,写工具提效率,解决问题的过程中一定会涉及到原理
    Motorola3
        112
    Motorola3  
       23 天前
    感觉像是基础不够扎实 八股文背的少了 别光听八股文没用
    就看文档 给常用 API 以及功能变成肌肉记忆
    我现在做 vue 的项目 基本不用动脑子了 纯靠肌肉记忆
    xumng123
        113
    xumng123  
       23 天前 via iPhone
    积累不够,就是脑子里没货,不能停留在了解层面,从了解到精通是要训练和总结比较的。学习任何技能都是如此。
    Moierby
        114
    Moierby  
       23 天前
    猜测楼主从来没有系统学习过,没有完整读过一本技术书?
    推荐从头到尾读一遍《 JavaScript 高级程序设计》或类似的书,实践一遍文中的代码
    991547436
        115
    991547436  
       23 天前
    我脑子里有很多 css 动画想法,就是写不出来,这种问 gpt 提问也很抽象
    elintwenty
        116
    elintwenty  
       23 天前
    你描述的还不够清晰,如果是一般性的业务需求开发,我可以概括为以下几个过程
    1. 接手项目代码,熟悉已有代码对应系统的功能,大到项目结构,小到一个功能对应哪部分代码;运行当前项目,能顺利的 debug ;按自己想法如实对应的修改已有的功能,评估自己修改对应的影响范围
    2. 理解业务需求,从业务上讲理解业务需求的场景和意义,理解为什么要这么做;从代码上讲理解需求对应的代码部分,理解具体自己要做哪里
    3. 设计需求实现,可以列一个文档等方式描述自己如何实现需求
    4. 和上下游沟通,包括但不限于后端、ui 、测试、产品,理解对方并自我表达,从接口交互、样式调整、需求细节等诸多方面完成团队上的合作
    5. 代码开发过程,需求对应代码应该怎么写,怎么写会写的更好,是语法上需要提示、还是开发习惯上有问题、还是不理解代码执行过程、还是效率低不熟悉
    需要确定自己是哪个过程、哪个点有问题,才可以明白自己欠缺的是哪里
    ccc00
        117
    ccc00  
    OP
       23 天前 via iPhone
    @facebook47 我去看看,谢谢
    ccc00
        118
    ccc00  
    OP
       23 天前 via iPhone
    @yangzzzzzz 是的
    ccc00
        119
    ccc00  
    OP
       23 天前 via iPhone
    @catch 很多时候好像 gpt 答案是这回事,实际不是这回事
    ccc00
        120
    ccc00  
    OP
       23 天前 via iPhone
    @iamvvv 好的👌
    ccc00
        121
    ccc00  
    OP
       23 天前 via iPhone
    @xubingok 谢谢你的鼓励,我是有心想学好,而不是畏惧换赛道。再坚持一下,改变一下自己,起码老了不后悔
    ccc00
        122
    ccc00  
    OP
       23 天前 via iPhone
    @xwwsxp 一直在用沉浸翻译,是个很好的工具
    ccc00
        123
    ccc00  
    OP
       23 天前 via iPhone
    @991547436 老哥你是个有趣的人
    ccc00
        124
    ccc00  
    OP
       23 天前 via iPhone
    @Moierby 没有系统学过,就是从看视频开始学习的,你指的是小黄书上中下三部曲吗?
    ccc00
        125
    ccc00  
    OP
       23 天前 via iPhone
    @xumng123 类似骑车,游泳,摔跤了,呛水了,积累足够经验,就形成肌肉效应这个意思吗?
    ccc00
        126
    ccc00  
    OP
       23 天前 via iPhone
    @Motorola3 坐在电脑前,手就自动操作了
    ccc00
        127
    ccc00  
    OP
       23 天前 via iPhone
    @ronyin 这么有仪式感
    ccc00
        128
    ccc00  
    OP
       23 天前 via iPhone
    @WonderCc 请问具体是哪一个,什么技术栈
    hubqin
        129
    hubqin  
       23 天前
    多花点时间,先用最笨的方法暴力解决,慢慢就熟悉了
    Fengyesuixiang
        130
    Fengyesuixiang  
       23 天前
    新手期就是这样的,时间长了会好点但是随之而来的 就是压力过大,神经衰弱,前列腺炎,焦虑,如果不喜欢代码还是要做打算的,外包也很不稳定
    java20
        131
    java20  
       23 天前
    无他,唯手熟尔
    ccc00
        132
    ccc00  
    OP
       23 天前 via iPhone
    @v22q 请问一下肝,具体是怎么肝法? 教学视频 b 站看过一些,还是很不错的。Ai 幻觉的意思是?我觉得现在能解决手上工作的问题,应该往尝试实现为下一步,谢谢
    ccc00
        133
    ccc00  
    OP
       23 天前 via iPhone
    @elintwenty 看了 5 条,自我总结得出的结论是,每一步都没有做好,细枝末节的东西都没做好,自然就没有进步。代码开发过程,不理解执行过程,效率低也不熟悉。指出了我盲头苍蝇漫无目的编码过程,谢谢你的指导
    ccc00
        134
    ccc00  
    OP
       23 天前 via iPhone
    @haichao0808 参考别人写的时候怎么从页面倒推出代码的方式会比较好呢?
    ccc00
        135
    ccc00  
    OP
       23 天前 via iPhone
    @java20 无他,怎么手熟,给点建议
    ccc00
        136
    ccc00  
    OP
       23 天前 via iPhone
    @Fengyesuixiang 神经衰弱现在可能有一点,前列腺炎是怎么回事
    ccc00
        137
    ccc00  
    OP
       23 天前 via iPhone
    @hubqin 最笨的方法,最暴力的方法请说出来指导一下
    120qwer
        138
    120qwer  
       23 天前 via iPhone
    我说的有可能不是很准确,你听听就行。建议呢,文档从第一步看,看不懂多看几遍,或者围绕看不懂的问问 gpt 。然后领导或者同事交给你的需求,可以尝试多沟通沟通,一定要搞懂具体要实现啥需求,之后哪里不会再 gpt 或者 google ,多向同事身边的人请教,大部分增删改查,cv 同事的拿过来一点点改嘛,不会学呗,加油,相信你可以的,毕竟还有工作呢,不是嘛,哈哈。不想俺,失业了,不嘻嘻😁
    Blankspacee
        139
    Blankspacee  
       23 天前 via iPhone
    转行就行了,别太难为自己,我曾经也在行业混了一年才觉得自己不太适合。有些东西你试了你才知道自己行不行。不行别太强求了。
    cleveryun
        140
    cleveryun  
       23 天前 via Android
    多写。如果是常见的后端管理系统,常见的需求类型是比较有限的,偶尔遇到没有碰到过的类型,网上也大把人做过了,参考一下就可以了。你做了一年了,还有这个焦虑,我感觉是你平时代码写少了。
    还有要区分下是业务问题导致的不会写,还是技术问题导致的。业务问题代码看出来了就问是很正常的,不要焦虑。技术问题,那就是多写,不要有学生时代有问题要多问的思想,这是职场,很多人新手期也是自己学的,真的总是问人的也不多的。
    Moierby
        141
    Moierby  
       23 天前
    @ccc00 #124 小黄书对新手有点门槛,你就搜一下我写的书名。学 CSS 推荐《深入解析 CSS 》
    qwertyzzz
        142
    qwertyzzz  
       23 天前
    写个 todolist 基本理解了吧?
    juzisang
        143
    juzisang  
       23 天前
    不能经常问一些基础问题,偶尔问问思路,问问怎么实现,我觉得大部分人应该还是愿意答的。
    但是你上来说这个组件怎么用,这个函数怎么调用,这个参数怎么传,这个属性怎么设置,这个方法怎么调用,这个类怎么实例化
    这样的问题,看看文档稍微搜一下就能找到的问题,问的太多,肯定会被嘲讽,而且这种问题,别人其实也记不住,也是帮你去翻文档回答你

    遇到问题三板斧
    - 看官方文档,检索谷歌,翻翻 stackoverflow
    - 查查 Github 有没有类型的项目,如果看得懂源码,自己看源码找找问题
    - 最后再去技术群问题,提问的时候把自己的思路和尝试都写出来,不要只问答案,这样别人会觉得你是在让别人帮你做事情,而不是在和别人一起讨论问题
    juzisang
        144
    juzisang  
       23 天前
    找到自己解决问题的一个工作流,而且现在有 ChatGPT ,大部分新手问题问他就行了。问思路,模糊查询,都可以问 ChatGPT
    nuanshen
        145
    nuanshen  
       23 天前
    先学会描述清楚需求,然后去 Google ,去问 gpt ,去各种论坛问,大概率能问到解决法案,抄的多了就会了
    PhonRT
        146
    PhonRT  
       23 天前
    gpt,编辑器 AI 助手,google
    WonderCc
        147
    WonderCc  
       23 天前
    前端必学 40 个精选案例实战 从零吃透 HTML5+CSS3+JS
    vue 的话随便找个实战课都可以了,感觉前端跟搭积木一样,一点点拼起来就好了,有啥问题你可以先理下思路,问下 gpt 也行
    Fengyesuixiang
        148
    Fengyesuixiang  
       22 天前
    @ccc00 长期的神经衰弱 焦虑 加上久坐就会导致前列腺炎,还有不稳定因素会让男性丢失自信,挺影响找对象的
    QvQloli77
        149
    QvQloli77  
       21 天前
    @zhw2590582 JS 和 java 后端,c++/c#有些人不知道选择哪一种作为精通去学习
    ccc00
        150
    ccc00  
    OP
       21 天前 via iPhone
    @120qwer 老哥的建议不错,谢谢,早日找到工作
    ccc00
        151
    ccc00  
    OP
       21 天前 via iPhone
    @cleveryun 技术问题,的确是代码写的不够多,遇到问题没有很好的解决方法,职场大家都忙,经常问问题的确会造成别人困扰
    ccc00
        152
    ccc00  
    OP
       21 天前 via iPhone
    @Moierby 好的谢谢
    ccc00
        153
    ccc00  
    OP
       21 天前 via iPhone
    @juzisang 谢谢提供解决问题的思路,会朝着这几个解决问题的方向去学习
    ccc00
        154
    ccc00  
    OP
       21 天前 via iPhone
    @nuanshen 抄的多就会,之前也见过很多人这样说
    ccc00
        155
    ccc00  
    OP
       21 天前 via iPhone
    @WonderCc 拼积木是看图纸,写代码是看文档,不过我觉得区别是代码会遇到卡壳地方过不去,40 个精选案例实战指的是?视频还是书
    ccc00
        156
    ccc00  
    OP
       21 天前 via iPhone
    @Fengyesuixiang 保重身体啊,多起来走走,对象还是要找的,多个人多个解决问题的办法
    Fengyesuixiang
        157
    Fengyesuixiang  
       20 天前
    @ccc00 傻逼吧,我说你这么下去就是这下场
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2311 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:19 · PVG 16:19 · LAX 01:19 · JFK 04:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.