在前端领域摸爬滚打 7 年，我终于掌握了这些沉淀技巧

我做开发多年，常常有人问我「软件开发难学吗？」「前端和后端哪个比较简单？」「培训后是否好找工作呢？」这些问题单拎出来比较棘手，三言两语说不清楚，需要你对开发有一个系统了解，问题才能迎刃而解。

所以，我想和你分享我的学习和工作经历，希望这对于正在准备成为一名程序员的你有所帮助。

我的经历可能会为新手提供一些有用的建议和思路。

01 萌芽之初，点燃编程学习的梦想

对于一些 90 后的朋友来说，网游填满了他们的高中时期，甚至是初中。

他们经常因为不走寻常路去打游戏，在回来时被门卫大爷逮个正着。尽管我没有沉迷于游戏，但我仍然被游戏所吸引。

在游戏中，我一直认为只有玩家和 NPC 的存在，但是，玩得越多，你会发现还有一些不寻常的角色，那就是“工作室”。部分“工作室”利用一些技术手段批量、自动地在游戏中完成任务以赚取游戏产出。

虽然这种行为不可取，但是他们使用的技术确实让我感兴趣。

这时候，代码的种子已经悄悄埋藏在我的内心深处，等待发芽。

高中毕业后，卸下学业负担，我开始利用暑期学习了一些脚本精灵、Tc 简单编程和易语言编程，这也是我第一次接触编程基础语法，如条件判断、循环、遍历和条件选择，再加上社区提供的一些识图插件，我就像一个蹩脚的裁缝，东拼西凑，左缝右补，费劲巴拉缝制成一件衣服，却不合身。

虽然实现了自动登录游戏的功能，但很不幸运的是，这样的小功能也还是过不去游戏的自检程序，万物皆有裨益，万事皆可为师，正是这一次编程体验促使了我后来的专业选择。

02 踏上编程学习之路，从安卓到前端，每一步都算数

英语是我成长路上的一块绊脚石，在选择专业时，我想躲开英语，于是选择了同为计算机系下的软件外包服务专业，结果发现，只要是技术，英语的要求都是一样的。

当然，我选择这个专业还有另外一个动机 -- 它开设了Android课程。毕竟，那时我刚拿到一款安卓手机，能在手机上开发自己的App是何等酷炫的体验啊！

那时，有一本厚重的《疯狂 Android 讲义》成了我的启蒙之书，我翻过无数遍，上课、参加编程比赛、实习工作、这本书我一直在用，为我第一份工作立下了汗马功劳。

临近毕业，是先就业还是先培训，许多软件相关专业的毕业生都面临着这样的选择。

所以，你要想明白，你到底需要的是什么？

我选择参加培训是出于两个原因：第一是为了将平时自学的知识整合起来，第二是希望能够认识更多的小伙伴，以便进行技术交流。编程最忌讳的就是闭门造车，不进行沟通交流。

然而，选择参加培训并不是每个人的选择。

如果你有能力自己阅读技术书籍，并且知道如何获取最新的技术信息，那么参加培训完全没有必要。

只有当你需要别人的指点和帮助来梳理技能，或者需要更好的机会来进行技术交流时，参加培训才是一个好的选择。

但是，如果你仅仅因为听说培训完就能很赚钱而选择花钱加入，那么你就要好好思考一下了，周围打水漂的人确实不在少数。

培训结束后，2015 年 12 月 7 号，我入职了第一家公司，担任 Android 开发工程师。

人生有时候做一个决策，一个行动，当时只道是寻常，当它的价值在未来某一刻兑现时，你会感谢当时努力的自己。

如果没有大学时翻过无数遍的《疯狂 Android 讲义》，我不可能找到这份工作。

03 学前端到底在学什么

工作后，我第一次真正进入团队开发模式（我是不会告诉你我当初使用百度云盘定时同步代码的，炸过一次硬盘），由于业务需要一定的前端支持（合同模板），所以在一次小组会议上，组长建议我们要着手学习前端技术（Angular1.x）。

到了 17 年左右，公司的业务开始由原 Pad 端转移到手机端。我和其他几个新入职的小伙伴经过一上午的 Vuejs2.x 培训后，就开始上手开发了。

也是在这次前端项目开发中，我第一次接触到了闭包导致循环失灵的问题，第一次把一个页面写到 3 千多行（烂，不懂拆分）。

由于这次前端项目开发的经验不足，导致迭代两年后，项目能编译出 200MB 的内容。我只能通过各种查找和大量的 webpack 参数调试，将产物压缩回了 20MB 左右。对于我来说，这也是一次很大的成长。

我非常推荐各位小伙伴在工作中多承担，因为开发经验绝非是你熟背八股题得到的，开发经验只能是来自大量的项目实战。

多做练习，多遇困难，多做总结，得到的才是自己的。开发经验决定了你的下一个项目能否走得更顺利。

选择成为前端程序员是一件比较苦的事情，因为这个领域的技术更新非常频繁，如果你不持续学习，那么你就会落后，这也是“前端很累”的一个根本原因。

实际上，现在还有一些人对前端存在偏见，因为他们认为不就一个 JavaScript，能有多难？

但是事实上，很多前端构建技术的底层实现并不是用 JavaScript 语言编写的，而是基于了其它编程语言如 Golang（代：ESBuild）和 Rust（代表：SWC）“包装”起来的，利用这些语言的特点来弥补 JavaScript 的不足。

前端学习的基础是 JavaScript，但不仅仅是 JavaScript，如果你认为学习 JavaScript 就是学习前端，那么你可能会走进死胡同。

04 正确的学习编程方式一定是这样的

在学校里，老师一定告诉过你两个正确的学习方式，其中一个是要做笔记，另一个是要能够向同学清晰地讲解。

繁多的技术是不可能靠记忆实现的，因此做笔记和写博客是记录学习过程和分享学习成果的捷径。

现在，我也发现很多在校的同学积极在各大技术社区分享自己的学习经验，这也印证了这条成长途径的正确，同时也激励我们这些已经做了多年程序员的伙伴要更加努力。

不论你是学习新的编程语言还是新的框架，都需要为其配置对应环境，但有很多框架的环境配置其实对于第一次接触的小伙伴来说并不友好，就比如我最初在从Android转前端的时候就因为安装NodeJs、Npm这些东西而烦恼，因为当时莫名其妙就提示你Python2的模块找不到了，要不就是安装依赖超时了，在环境搭建问题上花费太长时间真的不划算。

为了避免环境搭建影响学习进度，我们可以使用一些在线的 IDE 环境，例如 CodePen、CodeSandBox、Stackblitz、JSRun 等。

但是，它们在依赖安装、操作习惯和响应速度上仍然有一些上手难度。

我最近一段时间一直在使用 1024Code  社区提供的在线 IDE，它提供了很多热门语言和框架的代码空间模板，免配置环境，即开即用随时学习新技术。

它支持多人开发和在线分享，无论是和朋友一起开发项目还是找大佬请教问题，都非常轻松。

05 学习编程，高效沉淀需要技巧

我发现之前写博客时做的案例很难沉淀下来。往往只是写完一遍，很少再打开运行。

但是在 1024Code 中，可以以卡片的形式记录每一个案例，也可以将一系列案例放到一个集合中归类。

此外，1024Code 还支持在个人主页中渲染 Markdown，为小伙伴打造炫酷的个人主页提供了便利。

最令人赞叹的是，1024Code 紧跟最近比较火的 ChatGPT，将其接入到了 IDE 中，让你在编码的同时可以更快速地查找解决方案。下面我给大家简单地展示一下：

在社区主页中，案例以卡片的形式展示。你可以点击你感兴趣的案例，一键运行。边浏览源码，边跟着作者提供的 README 进行学习。

如果你想在此基础上练习或二次开发，还可以 fork 一份到自己的工作空间。如果你发现作者的代码有不合理的地方，还可以在评论区大胆地给他留言，大家可以共同成长。

1024Code 提供了众多空间模板，涵盖了多种编程语言和框架，例如针对数据统计和 AI 模型训练的 Python，以及让许多程序员感到头疼的 C++。

此外，它还支持其它主流的热门编程语言和框架。

Markdown 是编程小伙伴们最常用的笔记格式之一，因此无需专门学习其语法。只需要多看几遍，就可以自然而然地掌握。

此外，你还可以参考社区中其他小伙伴的主页，来打造自己独特的个人主页。

接下来，我要展示一段时间以来我制作的合集。

最初，这个合集是为了帮助那些不熟悉滴滴 LF 框架如何使用 Vue3+TS 编写的小伙伴们而制作的。

我还将合集地址提交到了 LF 仓库，希望能够帮助那些正在转向 Vue3+TS 的小伙伴们。

最重磅的就是 ChatGPT 了。

在使用 1024Code 的 IDE 进行开发过程中，如果遇到问题，你可以快速打开 ChatGPT 来协助你查找答案，而不需要离开当前页面。

ChatGPT 支持上下文连续问答模式，虽然它不能解决你所有的问题，甚至会给出错误的答案，但对于一些常规类编程问题或正在做毕业设计的小伙伴们，它还是能够显著提升效率的。

总结

最后，我再为你做一些总结、建议和对未来的期待：

1. 我建议你要有很强的动力来学习编程，因为坚持并不是易事；

2. 我建议你坚守自己慎重选择的专业，因为不忘初心方得始终；

3. 我建议你在面对技术培训时要清醒认知，因为明确目标的选择才适合自己；

4. 我建议你在工作中抓住一切学习的机会，因为努力的人很多，只有不断学习才能跟上技术的发展；

5. 我建议你在编程学习时要善用工具、做好笔记、写博客，不断沉淀自己的知识和经验；

最后的最后，愿我们所有付出都将是沉淀，所有美好终会如期而至。