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

[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 好的👌