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

[ccc00]

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

[nuonuojump]

ctrl+c /v 开启大神第一步

[SANDBOX]

chatgpt 了解一下

[Track13]

所以能举例说一下吗？别搞半天我也写不出😂

[code123789]

学会知识付费，问一个问题给解答者发 10 块专属小红包，如此多次可以筛选出高质量的导师。
后续加好友后可打折，比如 5 块一个问题，没人会在上班摸鱼期间拒绝挣几块小红包的。

熟络以后直接磕头拜师，师傅带进门，修行靠个人。

预算 200 ，基本上可以学会一门语言了。

[leaves615]

缺少解决需求，实现某个功能的解决方案相关经验。这个的多加练习和沉淀。 可以从简单的功能点开始，从功能点实现方法和原理入手，一个一个去消化和转化成自己的经验。

学习阶段，要多翻技术相关的 cookbook ，api 文档。 熟读相关规范和标准。遇到问题多从这些文档中找答案，而不是通过搜索引擎及 gpt 获得 ctrl+c/v 素材。

平时互联网闲逛时候，看到好看的效果。可以尝试自己去实现。

[epiloguess]

可以考虑做一些自己的项目,做公司的项目你可能没办法全身心投入,或者工作本身也不允许你选择.

即使是做博客,也要考虑到字体,markdown 的解析,目录的递归渲染,性能优化,排版,进入退出动画,客户端导航,脚本的位置,托管,缓存,网站统计,评论.

不过这些可能不是你困扰的

多写笔记,不一定要公开.
尽量从原理上搞懂一个事情,以及有哪些替代方案,替代方案的兼容性如何,哪种是最佳实践,都有什么优缺点.

1.加群问人不如问 ChatGPT,很多都是水群的,在群里问效率太低了,说实话,群就是个聊天的,不会真的有技术群吧,群这种东西就不适合讨论问题,讨论问题最起码要在论坛或者社区里
2.看视频的效率也很低,无关信息太多
3.看文章挺好的
4.google 一般搜关键词,不要尝试把自己的问题翻译成英文去搜索,效率很低,你的搜索内容加了很多"噪音"
5.看官方文档最好的(前提是文档本身不错,而不是 api 大全),掘金很多文章还不如 chatgpt,一般来说,官方文档>技术问答社区(对于已存在的问题)>=ChatGPT>英文博客>中文博客>掘金文章>技术社区提问>问同事>问群友>=看视频
6.同事很忙,你也要理解
7.掌握好思路,做什么都一样

[angrylid]

我看完了都不知道你是到底不会写什么。
是指会用 JS 语法和 Vue/React 的 API
但是到了把业务需求转换为代码实现这一步，经常遇到困难？

入行 1 年不应该啊，还是说你对代码的可维护性和所谓优雅实现有比较高的追求…

[lstz]

尝试写开源项目，模仿到超越

[superedlimited]

如果之前没有除了前端之外的开发经验的话，1 年左右工作经验，你现在这个情况很正常。编程也有一定的“悟性”的，如果不是天赋异禀，那就交给时间。

如果之前有其他的开发经验，前端写了一年还是这样，建议放弃。

[tool2dx]

我前几天才发过帖子，前端目前已经是一套基于浏览器运行的复杂体系。

常规客户端软件，都是把功能细分成小积木后组装。

而现代前端不一样，就是一整个错综复杂的杂合体，缺一个部件都不一定能运行成功。

对于深层次的代码添加新功能，一件很困难的事情。加上前端编译器理念加入，调试 BUG 也变得困难。代码库变巨大后，就容易边写边忘。

[wanei]

先把需求搞明白，123 列出来，然后把 123 每个步骤看作一个独立的模块，简单点就按照顺序结构、选择结构、循环结构分解。它们之间的联系就是接口。不要考虑什么高深的算法之类的，更高级语言连内存都不需要区考虑，语言特性复杂的先不搞。实际做起来结合 chatgpt 遇到啥问题学啥。至少在你不知道怎么具体操作时，大的思路方向要有，然后在选择具体的语言、工具去解决，只要解决问题啥都可以干。打工人就要有打工人的样子。

[mumbler]

20 美金每月买个 chatgpt plus ，比问什么人都靠谱

[LeeReamond]

你都入行了，基础工作都完不成，你这不是骗钱么。。。

人家嘲讽你还不愿意了？

[linyongxin]

像 lnmp 的 cms 如 WordPress 都几十年了也变化不大，也无需先进的技术，就是 php 套 html 和 css ，而且是市场的主流

[bzw875]

抓住一个前端死命的提问。像我同桌一样，他后端 Java 的，领导让他和我们一起做 node.js 后端，平均 1 天问 80 个问题，而且是 js ，ts 语法文件，git 也问，shell 没有权限执行也问。搞得我想换位置

[M003]

先预设自己的目标,然后一步一步分解.

比如: 写个动效. 先做什么再做什么,最后做什么. 中间不会的直接大白话百度.
先完成了,再考虑是不是哪里可以优化一下.

[murmur]

看下你们需求文档，遇到需求不会做八成是项目经理太懒了不做需求分析

[gp0119]

性别头像换成女的，再在群里问

[Evrins]

复制 粘贴 不就好了, 管理系统都差不多

[yqcode]

1. 联系我，如果只是后台开发方面，我目前能给你提供一些帮助，我是一名自由职业开发者，我技术栈是前后端都有涵盖，虽然不是很精通，但能应付业务，我的一些经验能够帮助到你。

2. 加强自己的编程思维，我也在不断的学习并锻炼自己的思维方式，其中我做了这么一段笔记，我们可以一起讨论一下。

“在开发过程，要使用面向对象的需求分析、软件设计思想，不要去按面向过程一样思考，不必将目标看成一个必须一次成型的任务。而是思考他们之间的联系，逐个完成，最后进行按目标需求进行规则拼装即可。”

“对象（组件）（页面）是依附于场景又独立于场景，不管场景存不存在，对象始终是客观存在的，所以我在开发对象时不需要有太多的心里负担，只需要专注思考当前的对象即可。”

“了解业务后，捋清楚数据的输入输出点，围绕输入输出去进行面向对象式开发”

[Honye]

1. 多看同事写的代码。给同事买杯奶茶，多请教
2. 遇到自己解决不了的问题，网上查找下解决方案，不要仅是复制粘贴，要搞明白为什么，以后遇到同样的问题不会在苦恼
3. 多看相关技术文章，不积硅步无以至千里，多学习以丰富自己的知识库
4. 有能力了可以多看看开源项目，也可以参与开源项目

个人觉得学习社区（群）的作用不大，人家没有义务无偿帮助你，如果有同学提供帮助那是好心，说声谢谢。如果有人嘲讽，放松心态，不要在乎别人的看法，保持良好心态充实自己

[kneo]

有没有想过，有些人可能就是不擅长写代码。不是嘲讽你。这种事情在各行各业都存在。

[gongo]

看你描述感觉是计算机基础功缺失,加上思维可能相对不灵活,所以没法举一反三,这个没办法解决,要么提升你的思维灵活度,要么就去补计算机专业的基础知识,还要补一下前端 3 件套的基础知识,不是会语法就行,要理解,看看基础类的书,提升自己的理解能力,要么就转行
(我身边也有这种人,就是他是生物专业的,但是需要学一点编程跑数据,然后死活理解不了,感觉是缺乏抽象概念的理解能力,因为他们专业就不怎么学数学,考研也不需要考数学,那种比较抽象人为定义的概念他基本都理解很困难)
(再说个题外话,你这样都能在公司留下来吗,你是不是学历比较高?,理论上按你的说话语法都写不对还能再公司没被开也挺神奇的)

[j869716]

趁早转行

[abelmakihara]

能想清楚变量应该在哪个组件哪个层级管理 应该就没啥问题了

[xubingok]

"不会灵活使用，举一反三，总是遇到需求不会做，没有思路。"....

我也不想打击你.可说实话,你这真不是干程序员的料啊.
换个赛道可能一样卷,但至少更适合你啊.

[oakland]

说个具体的例子吧，talk is cheap, show me the code

[chanChristin]

把你不会的地方列一下，好让我决定是装逼还是闭嘴。
开个玩笑，管理后台也分很多种的，有的用最简单的 element 组件就能实现，有的还需要手动实现很多功能，也是分难易的，说不定你发出来很多人也不会呢。

[moluyouwo]

那还是学得不够，继续学习。IT 技术真的是无底洞。

[valcosmos]

熟能生巧吧，多学，多写，多思考，总会发生质变的，只是可能需要点时间。然后可以找个身边厉害的朋友或者同事，多学习交流。

[lstz]

记住一万小时定律，如果你不熟悉一项技术，那就下班之后继续钻研。

也许有人吐槽说前端技术日新月异，但须知功不唐捐，你学到的东西始终会对你有帮助的。(当然，我很反对将一些复制粘贴的苦力活叫做学习，我们学要学骨子里的，不要学皮毛)

[lizhisty]

@bzw875 老哥啊 我就是你同事啊

[ChrisFreeMan]

> @gp0119 性别头像换成女的，再在群里问

甚至可能还有人帮他写，🐶

[kkbear]

都产生焦虑了，我真的建议转行，可能这条路不适合你

[MRG0]

希望能举例说明
我遇到的完全没有头绪的开发问题就是从没接触过的东西，比如微信网页开发（私有化 api 很多，教程也少），后端（没学过），但总之工具是给人用的，就不可能设计的过于繁琐

比如最近开发一个企业微信应用，用到了 wx.hideMenuItems ，但是他不能直接用，我就去网上搜，都说这么用
```
wx.config({
debug: true,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: '<?php echo $signPackage["timestamp"];?>',
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
//所有的要调用的 API 都要加入这个列表中
jsApiList: [ 'onMenuShareAppMessage','hideMenuItems']
});
wx.ready(function () {
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有 menu 项见附录 3

```
但实际上只要在 mounted 里写
```
wx.config({
beta: true,
debug: false,
jsApiList: Array.isArray(wxApi) && wxApi.length > 0 ? wxApi : []
});
wx.ready(() => {
wx.hideMenuItems({
menuList: ['menuItem:share:wechat'] // 要隐藏的菜单项
});
});
```
就完事了

[startdust]

1 年左右不算新手了，哪部分有问题，举个例子

[iamvvv]

加我的 q 群，我抽空帮你回复，不冷场

[LavaC]

前端不追前沿技术理论上问题很好解决的，大概率是提问方式不对，学学别人在群里发红包或者喊一声爹，问题很快就有人帮你看了。

[yangzzzzzz]

百度 google 能解决百分之 90 的问题 善用搜索

[credo123]

我感觉是你逻辑思维差一些....
解决办法, 多做多练,别光说不练.

[JoeDH]

是因为不是科班的原因？ 感觉你是一直跟自己的出身纠葛
1 年经验的话，公司不会让你做太复杂的吧，是什么需求能让你困扰

[ccc00]

@nuonuojump c/v 磨的发白

[ccc00]

@SANDBOX 知道使用过，可能我使用的方式不对

[TV1X6Na04Q52A20X]

用好工具先吧！

现在 AI 这么火，🧱外的用不成，试试阿里、百度的那些。如果自己对行业还是有兴趣，不建议轻言放弃...

[ccc00]

@Track13 就是常见的 react hook + antd / vue + element 之类的增删改查

[ccc00]

@code123789 我也有付费咨询，不过基本回答之后，不愿意再回答，感觉可能遇到的人都不太愿意教人吧

[ccc00]

@leaves615 的确是缺少经验，简单功能的不知道怎么去进行数据流转，组件与组件之间怎么产生关联，文档和 api 还是看了，不知道怎么运用。感谢您的建议

[ccc00]

@epiloguess 做自己的项目，对于我现阶段能力不足的情况来说，可是超阶的，看到很多入行都是搞自己博客然后对编码产生兴趣，之后也会尝试写博客，记录。 写笔记是一个好习惯，这个 mark 一下。请问搜索噪音指的是？这里不太理解。写代码没有思路，请问除了 gpt ，有什么办法进行改善吗？ 我学习其他能力还行，可能对于编码没有正确的转换知识的思路。因为我之前使用用 linux / vim / docker 开始也觉得很难，但慢慢学习，就学会查文档搜索，就能解决大部分问题。我还学会了打双拼

[ccc00]

@angrylid 对的，就是业务需求转换成代码，不是对代码的可维护性/优雅性，就是单纯不会

[ccc00]

@lstz 现阶段可能还是考虑把工作做好

[ccc00]

@superedlimited 之前没有其他开发经验，我有在编码方面投入时间，不玩游戏，也不看抖音，有时间看看文章和视频学习，可能方法不对，陷入假努力

[ccc00]

@tool2dx react + ts + redux 之类的状态管理+webpack 各种前端工程工具，各种概念，不知道怎么糅合起来

[ccc00]

@wanei 不会第一步考虑想复杂的事情，拆分模块这一块总是遇到问题，没有好的抽象思维。看别人的代码，不知道有时候数据的来源/数据处理成这样用途是什么。越迫切想解决问题，就越焦虑，我是个不合格的打工人

[Brilliance]

英语还行的话考虑一下上 reddit ？比如 r/learnprogramming 这种社区感觉氛围还行，描述清楚你的问题，虽然可能对一些太国内特有的东西不太适合

[ccc00]

@linyongxin 变化不大，就是懂的看一眼就懂，不懂的一直看一直困惑

[ccc00]

@bzw875 基本上我没有固定问一个同事，我都是看谁有空就问谁，node 环境配置，git 操作还是非常熟练的，shell 没权限这几种问题这种搜索就能解决啊。

[ccc00]

@M003 大白话百度这一块，总是搜索到不相关的，可能在我拆分模块的时候，不知道要怎么实现导致关键词也不对，尝试过用 site 语法指定网站，或者双引号“”指定关键词。最后还是没解决问题

[ccc00]

@murmur 也可能是我自己不懂需求

[ccc00]

@Evrins 是的，你说这句说明你知道怎么复制

[ccc00]

@yqcode 可以跟你交流的话应该挺好，请问怎么联系你呢？

[ccc00]

@Honye 经常手上没工作的时候，都会去看别人的代码，但因为是外包，看不到之前代码的需求文档，只看代码不知道为什么要这样做。请教同事会请同事喝奶茶，这点基本礼仪还是懂的。看过很多技术文章，对于我的难点是不知道怎么转换成自己的知识概念。就是看到一个需求，灵光一闪，就是那样做。

[ccc00]

@kneo 知道自己不擅长，但还是兴趣的，有句话叫明知不可为而为之，想坚持多一下

[ccc00]

@gongo 三件套补过了，还没可以熟练使用。非高学历，外包的给的工作难度就不会太大，是我庸人自扰

[ccc00]

@abelmakihara 就是没想清楚

[ccc00]

@xubingok 请教一下，有什么赛道转过去比较好的

[ccc00]

@moluyouwo 可能我还是只摸到门边，入门算不上，有持续学习，但对于工作还是有困难😕

[ccc00]

@valcosmos 身边没有厉害的朋友，我的朋友没有一个做编码的

[xwwsxp]

加油吧，我前几年也有这样的困惑；但是，度过了这段时间，就好了；说到底，还是练得少；

现在，有 AI 的加持，可能好点；勿在浮沙筑高台，一定要夯实基础；否则，AI 不是助手而是杀器（杀自己）。

[xwwsxp]

@ccc00 React 社区 https://www.v2ex.com/t/850921?p=1

[sdrpsps]

建议多问一下 ChatGPT ，但是不要过于依赖。
有条件的话可以开一下 Plus ；没条件的话就 3.5 凑合着用或者买第三方的 GPT4 的 API 用。
搞明白跨组件通信后就可以把需求抽离成一个个独立的组件，自己也好维护。

[ccc00]

@MRG0 缺乏像这种精简提炼的能力，看到了不相关的不知道怎么去使用

[ccc00]

@iamvvv 请问怎么加

[dj721xHiAvbL11n0]

你面试怎么过的，方便举个例子嘛，你不举例子大家都听不懂，由此可以看出你问别人问题的时候，可能别人都听不懂你要问什么，所以学会交流很重要

[ccc00]

@yangzzzzzz 说是这么说，不是不愿意去搜索/或者思考，是不知道怎么变成自己需要的

[ccc00]

@credo123 有练习，遇到需求换个形式就不懂了

[ccc00]

@eastjoehan 没纠结过是不是科班的原因，只纠结自己没有完成好工作而已

[facebook47]

推荐你一个入门的来源项目，ems-admin ，你说的都有，一个而且都是后台管理系统

[wxw752]

前期最快的办法还真就是跟着视频敲，这要是还不懂确实可能不太合适

[yangzzzzzz]

@ccc00 #74 有问题 搜索 解决问题 不就是你需要的

[catch]

有 gpt 给你代码，这时代门槛低得不能再低了

[iblessyou]

说实话，楼主的问题我以前也遇到过。
经常有个小问题不知道可能就卡那了，但是懂的人可能两分钟就搞定了。给个小红包可以啊，但找不到人给。
我一直纳闷怎么没有个技术圈的付费平台。发个问题带个悬赏金，不是百度知道那种。
要直接可以给钱，而且时效反应快。

我能想到的就是加些群，在群里去问。但一来还是人太少，二来不事先标好钱也不好定价。
如果有这么个平台，像上面说的，可能 200 就可以帮很多新人迅速入门，而且摸鱼还能赚钱

[ccc00]

@lstz 有学习，但可能是无用的努力，因为方法不对

[ccc00]

@thomartisen 谢谢，就是不想放弃问一下，怎么改善，工具也有在用的

[ccc00]

@Brilliance 英语一般，上 reddit 并不能解决我的问题

[ccc00]

@xwwsxp 这段时间，不知道怎么渡过，主要没找到方法，心理调节能力太差了

[cuttlefish]

不如直接举个例子，直接 show us the code ，针对代码说出的问题点

[ccc00]

@sdrpsps 开 plus 太难了，不是不舍得花钱。组件封装复杂的时候，看了不知道怎么使用

[navalore]

@ccc00 #48 做自己的项目是可行的，你已经有一年工作经验了。去找个自己感觉有意思的开源项目，抄抄改改，就练习具体功能实现，这种情况，对于需求上面的，不需要文档，自己做着做着就出来了

或者找个比较空的脚手架、以及它对应的已经写成的一套系统，你从脚手架开始写，功能你就从后者里面抓，一个个往上加。而且在这个过程中，你也能看到和平时可能不一样的写法，觉得好的可以保留

看视频那确实是 0 基础学习的做法，换成这个形式学习，搞得多了，就能整出一个自己的项目出来了。不要把自己做一个项目想成很难的事情，还不是一步步来的

[student33]

个人感觉是自学的过程漏了体系化的东西，科班或者培训出来的，对整个软件开发流程涉及到的方方面面都会有所了解，有整体印象之后应该会好一些

不知道你说的自学，具体是个什么自学办法？买课还是自己琢磨，随机看的视频，跟着学的

[antonius]

编程不是什么高科技，就是一个新时代的手艺活。
我的建议是：
1. 看一遍官方文档就可以动手实践了。
2. 找一个练手的项目，比如：
- 计算器类：科学计算器，进制转换，单位转换，货币汇率转换，房贷计算，薪资税率计算等等。
- 生产力类：TODO 工具，番茄工作法工具，习惯记录器。
- 生活类：购物清单，备忘录，老人服药备忘录，家庭物资清单（库存预警，过期物品提醒等）。
- 小游戏类：2048 ，井字棋，五子棋，围棋，象棋，连连看，宝石迷阵，消消乐，贪吃蛇。

选个自己感兴趣的，确定好目标就开干吧，如果不能做出来，可能考虑换个职业方向了。

[antonius]

P.S.

1. 多学习一点计算机基础知识，有利于知识体系的形成，理解新知识也会更加容易。
2. 多寻找一些知识渠道：官方文档，书籍，GitHub ，搜索引擎，AI 工具等等，提高自己信息搜集能力。

[nexo]

是不是因为你不会用谷歌... 而是在用百度

[credo123]

@ccc00 换个形式就不懂,
那就是你本身逻辑思维能力比较差.这个我也不知道怎么解.
建议的方式就是,碰到需求,12345,一条条列.
另外就是画图,将需求画图帮助自己理解,以及和 leader/产品根据你画的图进行沟通,确定.

[uni]

很正常，新学一门语言总会遇到这个时期，就是语法都学过了，但是自己想要的不懂怎么实现，我现在学 c#也到这个时期了

针对你的问题，最好就是去看看别人是怎么实现的，比如说后台管理的话，有 ruoyi ，vben 之类的别人都搭好的，去看看自己想要的功能别人是怎么写的

[lstz]

@ccc00 猜测你工作很累，以至于下班了一点精力也没有。

如果精力足够，且有上进心的话，是不会止于公司那些破烂代码的，你要有一颗真正热爱编程的心

[xubingok]

@ccc00 难得看到这么诚心的 OP...一个个回复了...
其实我也没有赛道可推荐.只是看到你似乎比较畏惧换赛道,帮你增加点自信...
毕竟行行都不容易,但总有适合你的不是么..

看了你回复其他人的,你如果一定要坚持这一行,确实只能多看,量变引起质变吧...否则的话,没有举一反三能力,是肯定走不远的.

[iamvvv]

@ccc00 查看我的简介

[wkzq]

可以多看看别人的代码, 随便去 github 搜一些简单的, 看看别人怎么融合使用这些技术, 然后模仿就行

[xwwsxp]

@ccc00 一点点坚持，每天只做一点点，就会积少成多；不要看太多垃圾帖子，学东西讲究的是循序渐进，有主线才走的远，人也有动力，比如：前端的 flexbox 布局和 grid 布局，就画一周，好好研究，然后总结出来，最好有 markdown 笔记吧（本地留一份，各种在线笔记也可以留一份(为了别人点赞，心里有收获)）；之后，工作中用来这块，又稍微有点不熟悉，就直接看笔记，毕竟自己整理过了，知道如何快速熟悉。


慢慢来，也就很快了；好多东西都是想通的，以点击面。

[zhw2590582]

我当年也是半路出家，自知自己对程序逻辑不熟练，就先把 js 语法和 dom 语法从头到尾过一遍，然后看那些项目源码了解项目结构和相关的生态工具，接着为了熟练度决定手写 100 个原生 js 插件（不过只写到 30 多个）