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

[ccc00]

背景：我是半路出家，自学转行进入前端开发一年左右，在外包的公司工作。工作的内容大多是后台管理等，会 Javascript / React hooks / Vue 的语法，但不会灵活使用，举一反三，总是遇到需求不会做，没有思路。好比字典的字都会，但是不会写小说，会 26 个英文字母，不会写出语法正确的句子。现在的困惑是，工作不会导致心情很差，整个人都很焦虑，吃也吃不下，睡也睡不好。不知道怎样去调节，感觉已经有点抑郁了。
想过一些解决方法：
1. 加群问人，但遇到的大多数都是水群，要么就是冷嘲热讽，说后台管理不就是有手就行？可能大部分人都不记得新手期的绝望之坡是怎么渡过吧。长期往来的打击，自信心越来越低。
2. 跟着视频学习，动手去做，但收效甚微，换个形式就不知道怎么去做了。
3. 去社区看文章，例如掘金，Stack OverFlow Github 等等。
4. 使用 Google 用英文搜索问题，但总是可能自己本来不会，搜索出来大多数都不相关。
5. 阅读官方文档，但对着还是不知道怎么写。
6.请教同事，但同事也忙，问得多同事也不想回答。
7. 换个赛道，但其实自己虽然不期望成为大神，但其实还是希望能继续做前端，在没有想到自己会做其他行业之前，换个赛道的想法只不过是热锅里的一条鱼，正面煎完反面煎，充满期待却难免达不到预期。
最后，我想我的智商应该没问题，前端也许没那么难，但自己就是没有想明白，可能有人提点我一下，可能会开窍。请前端大神们给点意见，帮助一下迷途的我，或者教教我怎么摆脱新手的煎熬😫与困惑，怎样才会写代码，在此先感谢了。

[xwwsxp]

@ccc00 你都能上这网站了，为什么不在浏览器上安装《 沉浸式翻译》插件，你设置一下，可以自动调用微软或 google 的翻译接口，帮你翻译。

[changepll]

用心去做 2-3 个项目. 遇到不懂的就先自己查资料给弄明白.
你这种属于基础太差,但又不愿意把基础给补起来. 浮沙筑不了高台.
说个比较常用的 chrome 控制台里面所有的功能你都熟悉吗. 或者你最熟悉它里面的哪些

[MaxwellX]

多敲多练,熟能生巧.
vue 的官网先看一遍.
如果是 vue2 的话,把 vue-element-admin 跟着敲一遍,读一读大神写的手摸手教学,都有配套说明.
如果是 vue3 的话,把 V3 Admin Vite 跟着敲一遍.
多看同事已经实现的功能,看看自己为啥实现不了,是哪块没有掌握吗.
现阶段不需要用到 google,百度基本上就可以满足你的大部分需求,剩下的 chatgpt 基本上也都可以搞定.

[NoOneNoBody]

以前的话，你需要 csdn 问答社区，以前这货对白丁是真的好
现在，你需要 gpt 或其他 AI ，但要懂问的方法，不要从大处问，而是从小处问，例如求平均值要换成求和和除法两个问题，只是比喻，意思是更细的粒度对学习有好处，先积累，记得保存各种例子备查

[sugars]

5. 阅读官方文档，但对着还是不知道怎么写。

...总结就是，死记硬背是不行的，要多思考多理解

[dog82]

JS TS HTML5 HTTP CSS 这些基本功一定要扎实，才能游刃有余

[learnshare]

对很多人来说，一年经验甚至连入门都算不上
多抄、多写、多学习和深入研究，跌跌撞撞就熟练了

[WonderCc]

我建议你看一下那个慕课网的实战案例，我一个 java 后端都会写大部分的前端需求，不过在公司我没告诉别人听

[ronyin]

现在有了 GPT 。。可以拜师。。

[haichao0808]

需求来了不会写的话，可以看看有没有类似的网站，然后参考别人的写

[v22q]

总结：1 肝 2 看 3 想。1 看优质（一定要优质的，好评很多的）教学视频，跟着敲，敲完就熟练了。然后自己给自己提需求尝试实现，或者写写插件，解决问题的过程中一定会深入原理。2 网上看别人分享的问题解决方案，由于是真实项目的问题，含金量都很高。 不懂就问 AI 大模型问官方文档问同行，但小心 AI 幻觉 3 自己给自己项目提需求，写工具提效率，解决问题的过程中一定会涉及到原理

[ZnductR0MjHvjRQ3]

感觉像是基础不够扎实 八股文背的少了 别光听八股文没用
就看文档 给常用 API 以及功能变成肌肉记忆
我现在做 vue 的项目 基本不用动脑子了 纯靠肌肉记忆

[xumng123]

积累不够，就是脑子里没货，不能停留在了解层面，从了解到精通是要训练和总结比较的。学习任何技能都是如此。

[Moierby]

猜测楼主从来没有系统学习过，没有完整读过一本技术书？
推荐从头到尾读一遍《 JavaScript 高级程序设计》或类似的书，实践一遍文中的代码

[991547436]

我脑子里有很多 css 动画想法，就是写不出来，这种问 gpt 提问也很抽象

[elintwenty]

你描述的还不够清晰，如果是一般性的业务需求开发，我可以概括为以下几个过程
1. 接手项目代码，熟悉已有代码对应系统的功能，大到项目结构，小到一个功能对应哪部分代码；运行当前项目，能顺利的 debug ；按自己想法如实对应的修改已有的功能，评估自己修改对应的影响范围
2. 理解业务需求，从业务上讲理解业务需求的场景和意义，理解为什么要这么做；从代码上讲理解需求对应的代码部分，理解具体自己要做哪里
3. 设计需求实现，可以列一个文档等方式描述自己如何实现需求
4. 和上下游沟通，包括但不限于后端、ui 、测试、产品，理解对方并自我表达，从接口交互、样式调整、需求细节等诸多方面完成团队上的合作
5. 代码开发过程，需求对应代码应该怎么写，怎么写会写的更好，是语法上需要提示、还是开发习惯上有问题、还是不理解代码执行过程、还是效率低不熟悉
需要确定自己是哪个过程、哪个点有问题，才可以明白自己欠缺的是哪里

[ccc00]

@facebook47 我去看看，谢谢

[ccc00]

@yangzzzzzz 是的

[ccc00]

@catch 很多时候好像 gpt 答案是这回事，实际不是这回事

[ccc00]

@iamvvv 好的👌

[ccc00]

@xubingok 谢谢你的鼓励，我是有心想学好，而不是畏惧换赛道。再坚持一下，改变一下自己，起码老了不后悔

[ccc00]

@xwwsxp 一直在用沉浸翻译，是个很好的工具

[ccc00]

@991547436 老哥你是个有趣的人

[ccc00]

@Moierby 没有系统学过，就是从看视频开始学习的，你指的是小黄书上中下三部曲吗？

[ccc00]

@xumng123 类似骑车，游泳，摔跤了，呛水了，积累足够经验，就形成肌肉效应这个意思吗？

[ccc00]

@Motorola3 坐在电脑前，手就自动操作了

[ccc00]

@ronyin 这么有仪式感

[ccc00]

@WonderCc 请问具体是哪一个，什么技术栈

[hubqin]

多花点时间，先用最笨的方法暴力解决，慢慢就熟悉了

[Fengyesuixiang]

新手期就是这样的，时间长了会好点但是随之而来的 就是压力过大，神经衰弱，前列腺炎，焦虑，如果不喜欢代码还是要做打算的，外包也很不稳定

[java20]

无他，唯手熟尔

[ccc00]

@v22q 请问一下肝，具体是怎么肝法？ 教学视频 b 站看过一些，还是很不错的。Ai 幻觉的意思是？我觉得现在能解决手上工作的问题，应该往尝试实现为下一步，谢谢

[ccc00]

@elintwenty 看了 5 条，自我总结得出的结论是，每一步都没有做好，细枝末节的东西都没做好，自然就没有进步。代码开发过程，不理解执行过程，效率低也不熟悉。指出了我盲头苍蝇漫无目的编码过程，谢谢你的指导

[ccc00]

@haichao0808 参考别人写的时候怎么从页面倒推出代码的方式会比较好呢？

[ccc00]

@java20 无他，怎么手熟，给点建议

[ccc00]

@Fengyesuixiang 神经衰弱现在可能有一点，前列腺炎是怎么回事

[ccc00]

@hubqin 最笨的方法，最暴力的方法请说出来指导一下

[120qwer]

我说的有可能不是很准确，你听听就行。建议呢，文档从第一步看，看不懂多看几遍，或者围绕看不懂的问问 gpt 。然后领导或者同事交给你的需求，可以尝试多沟通沟通，一定要搞懂具体要实现啥需求，之后哪里不会再 gpt 或者 google ，多向同事身边的人请教，大部分增删改查，cv 同事的拿过来一点点改嘛，不会学呗，加油，相信你可以的，毕竟还有工作呢，不是嘛，哈哈。不想俺，失业了，不嘻嘻😁

[Blankspacee]

转行就行了，别太难为自己，我曾经也在行业混了一年才觉得自己不太适合。有些东西你试了你才知道自己行不行。不行别太强求了。

[cleveryun]

多写。如果是常见的后端管理系统，常见的需求类型是比较有限的，偶尔遇到没有碰到过的类型，网上也大把人做过了，参考一下就可以了。你做了一年了，还有这个焦虑，我感觉是你平时代码写少了。
还有要区分下是业务问题导致的不会写，还是技术问题导致的。业务问题代码看出来了就问是很正常的，不要焦虑。技术问题，那就是多写，不要有学生时代有问题要多问的思想，这是职场，很多人新手期也是自己学的，真的总是问人的也不多的。

[Moierby]

@ccc00 #124 小黄书对新手有点门槛，你就搜一下我写的书名。学 CSS 推荐《深入解析 CSS 》

[asLw0P981N0M0TCC]

写个 todolist 基本理解了吧？

[juzisang]

不能经常问一些基础问题，偶尔问问思路，问问怎么实现，我觉得大部分人应该还是愿意答的。
但是你上来说这个组件怎么用，这个函数怎么调用，这个参数怎么传，这个属性怎么设置，这个方法怎么调用，这个类怎么实例化
这样的问题，看看文档稍微搜一下就能找到的问题，问的太多，肯定会被嘲讽，而且这种问题，别人其实也记不住，也是帮你去翻文档回答你

遇到问题三板斧
- 看官方文档，检索谷歌，翻翻 stackoverflow
- 查查 Github 有没有类型的项目，如果看得懂源码，自己看源码找找问题
- 最后再去技术群问题，提问的时候把自己的思路和尝试都写出来，不要只问答案，这样别人会觉得你是在让别人帮你做事情，而不是在和别人一起讨论问题

[juzisang]

找到自己解决问题的一个工作流，而且现在有 ChatGPT ，大部分新手问题问他就行了。问思路，模糊查询，都可以问 ChatGPT

[nuanshen]

先学会描述清楚需求，然后去 Google ，去问 gpt ，去各种论坛问，大概率能问到解决法案，抄的多了就会了

[PhonRT]

gpt,编辑器 AI 助手,google

[WonderCc]

前端必学 40 个精选案例实战 从零吃透 HTML5+CSS3+JS
vue 的话随便找个实战课都可以了，感觉前端跟搭积木一样，一点点拼起来就好了，有啥问题你可以先理下思路，问下 gpt 也行

[Fengyesuixiang]

@ccc00 长期的神经衰弱 焦虑 加上久坐就会导致前列腺炎，还有不稳定因素会让男性丢失自信，挺影响找对象的

[QvQloli77]

@zhw2590582 JS 和 java 后端，c++/c#有些人不知道选择哪一种作为精通去学习

[ccc00]

@120qwer 老哥的建议不错，谢谢，早日找到工作

[ccc00]

@cleveryun 技术问题，的确是代码写的不够多，遇到问题没有很好的解决方法，职场大家都忙，经常问问题的确会造成别人困扰

[ccc00]

@Moierby 好的谢谢

[ccc00]

@juzisang 谢谢提供解决问题的思路，会朝着这几个解决问题的方向去学习

[ccc00]

@nuanshen 抄的多就会，之前也见过很多人这样说

[ccc00]

@WonderCc 拼积木是看图纸，写代码是看文档，不过我觉得区别是代码会遇到卡壳地方过不去，40 个精选案例实战指的是？视频还是书

[ccc00]

@Fengyesuixiang 保重身体啊，多起来走走，对象还是要找的，多个人多个解决问题的办法

[Fengyesuixiang]

@ccc00 傻逼吧，我说你这么下去就是这下场

[lizy0329]

前端的确是很难，可以先从简单点的后端入手