猿创征文｜由循环开始的前端学习杂谈话事录

今天天气好啊⛅，我是Sam9029 ，一个前端小白，讲讲我的故事。

前言

上个世纪的尾巴那一年的前一年，我出生了，是个有小鸟的男孩👶！

我来自农村，对什么事都好奇，但对长大后要做什么在我成长的过程中，想法总是稀里糊涂

为什么稀里糊涂，因为我一会想做这个，一会想做那个，朝令夕改不是什么好习惯，但对于一个正在成长的儿童，少年，青年来说，却满足了对世界美好的幻想，人可以自由的无束缚的做选择

我在小学的时候对我喜欢的语文老师说，我会做记者，但我对记者的职业完全没有概念！

只因为我喜欢她教课，记者只是我随便说的，我想她也喜欢我，天真开朗的小男孩，不会敷衍人。我还想着当了记者回去采访她，再看看她脸上的笑容

直到升了一个年级，换了一个只会让我抄试卷，背古诗的语文老师，我就在也没有想过成为记者这回事！

再之后的成长过程中的我成大了想做什么的想法不断改变，也只是重复这种，受到环境变化就改变决定的 循环而已，而且没有设置循环的终止条件，就像条件为true的for循环

这种看似无止境的循环终究还是停止在了大学毕业的前夕

从那一刻到我能感觉到 循环执行不动了，也意识到 人不可以自由的无束缚的做选择，我必须，不得不做出一个可持续的选择

对于以一个没有多少选择又没有什么出众之处的年轻人，来自农村，接受的是知识改变命运的教育

追求最大化利益成为我的必然选择，程序员这一名词自然而然的被作为选择的对象，因为它内置了太多的属性高薪 工作环境好，坐办公室 工作体面 能让我改变命运 ……，而这些也正是我所追求的

---

文章目录

• 前言
• • @[toc]
• 🚢启程
• • 👀👀欲穷千里目
  • ⛰🌋蜀道难，难于上青天
  • 柳暗花明又一村
  • 🐸总结
  • • 目前的学习进度
    • 我的社交网页
• 结语
• 🦖我是Sam9029，一个前端

🚢启程

而让我做出前端开发的决定，也有一部分是学习的专业（信息管理与信息系统）原因，我更容易了解到编程开发这一行业的各种职业类型（虽然全是在大四才了解到的）

有多种多样的可视效果的开发 比 操作枯燥的数据更让我倾心，虽然行业中后端的薪资会高于前端，但是鉴于目前的工作环境，前端对于我来说，还是更吸引人一些

在选择前端作为职业后，我开始了关于前端技术栈的学习

直到目前，我将我的学习过程分为三个阶段

• 欲穷千里目 初入前端，牛犊不怕虎，想要蛇吞象，目千里

• 蜀道难，难于上青天 识得前端深如海,知识太多又太杂，可行之路崎岖又蜿蜒

• 柳暗花明又一村

（其实三个阶段时间上大多是混杂在一起，此处为了方便阐述而分开来写）技术上的路径大概就是如下

（主要是HTML，CSS，JS学习）（JS进阶学习，Vue框架入门，开发工具的掌握）（目前，项目实践，）

---

👀👀欲穷千里目

HTML，CSS的入门并没又占据我太多的时间，或者说没有占时间（我有过此类网页开发课程，我也很喜欢，也只交了简单得html，css，没有涉及太多JS）

这让我信心大增，我开始偏爱这两门语言，虽然从正统上说它们不能算是编程语言

利用他们实现的效果现在看来都很简单小项目，导航栏特效，多级菜单，汉堡菜单，留言表单布局，居中局部，等

当时却是让我沾沾自喜的资本，一次又一次的小项目完成起来，根本不费什么力，除了花时间外，

特别是当完成了一个我认为有难度的纯css弹出提示框

我的心情简直是楚雨荨吃花椒，爽麻了

模仿其他网页在之后我模仿了**京东的PC主页**（是后面完成的），诚然并非完全复刻，但是我也学习到了许多新知识

版心布局

清除浮动

Swiper插件的使用

iconMoon的图标使用

等等

源码：JD-page-imitate: JD 京东首页 静态仿写

预览地址： https://sam9029.gitee.io/jd-page-imitate

当时我喜欢写CSS，但她就像一个表面温润的蛇蝎美人，才认识的时候更本不知道她的清纯外表下隐藏的恐怖，在之后的相处中却让我为之崩溃，直呼CSS有毒，每次写样式都把我的精力榨了个干净

我对前端的学习也充满了信心，了解了各种初级前端需要掌握的技能

HTML,css只是前菜,

以及前端的正统的编程语言 javaScript

前端框架的选择我没有纠结Vue(Vue2)

然后做项目

这就是我当时的规划(真就是so easy,我也这么想，当时）

意要在更上一层楼，一目千里

（以至于在后面的学习中，这四个看似条例清晰，言辞简洁的步骤，中所要蕴含的大量待学内容，我还未曾知晓）

---

⛰🌋蜀道难，难于上青天

在我自认为HTML，CSS到家之后（我当时甚至不知道常见的布局，圣杯，双飞翼这些）

我就开始正式入门JS，先从基本语法，我在红色的某课网完成了JS基础和ES6入门的免费课程，这让我感到有些吃力

知识点太多，最折磨人的还是常用的API

基础语法对象API

DOM API

DOM API

如果说这些东西，当时只要查手册可用会用即可，就是我的可接受的标准

那么对象进一步的JS内容变量提升``闭包 原型链 事件循环等内容我就是直接放弃了，我开始意识到前端好像没有这么简单，除了页面，还要考虑交互的开发模式，让我开始不适应

我开始做一些简单的JS小项目，找自信

做的最简单的JS小项目

原理：删掉广告的元素或隐藏

​

• 因为总是看盗版网站，总是有广告弹窗（类似于，似兄睇就奶砍我这种），我就模仿了一个最简单的JS小项目（后来我写了一个简单的油猴脚本把那个盗版网站的页面广告自动关了，之后看片就爽歪歪了）

而找自信的过程，我开始习惯同时考虑,样式和交互的开发

但是我却发现JS（都含样式编写）的项目却没有让我像在写HTML，CSS那样从容，

JS要学习的内容太多，无法对学过大量的知识熟练使用让我很痛苦

基础语法 DOM BOM ES6 我有时都怀疑JS到底是个什么

我就像进入了望不到尽头的山岭地带，到处都是群山耸立，好像永远看不到延绵不绝的山脉不再相连的景色

同时写页面样式也开始让我焦灼，时间花的太多，几乎一个简单的JS项目（写样式就要占1/3-1/2的时间）

此时我的心情是杨过吃生花椒，麻过头.

我现在已经无法准确的描述当时我的感受了，

之后进入了大学生涯最后的一个寒假，一个多月都没有学习，我感觉自己从山岭突然到了平原，放松了不少

没有温习，没有总结，懒懒散散，不得意的过完了一个寒冬（倒是没想到就业环境的寒冬一直持续了却久久不愿离开，直到现在😨）

为了重新拾起动力，我决定通过视频来学习，我很幸运，之前的疲惫与焦虑没有影响我

加之有过JS的基础，我的学习变得比之前轻松了一些，也更高效了很多

开启了大学最有意义的时光,我在余下的校园时光里处理和学习了

• Vue2 框架的学习，全家桶学习

• Js的基础温习，进阶学习（JS简直是巨兽，直到现在依旧还在学新知识）

• nodejs的基础

• git使用学习,网站托管部署

• 项目作品开发

• 大量的小项目练习

• （虽然每件种技术我只是做到了会使用，但我每天过的很有目标性，再大学头一次体会到了生活充实的感觉）

• 🐸关于这种转变，是我没想到的，但仔细想想，个中缘由并不繁杂，

• 我之前学习JS的过程相当于预习，而此时这个过程就是在将已预习内容转化，我的学习成本降低了

• 同时凭借这这股动力，我快速的入门了Vue

此时我练习的JS项目，已经达到我之前想要的水平了

我感觉我又回到了无尽的山岭里，但是我的心境不一样了，我不在过分瞭望远处寻找尽头，而是盯着眼前的山，周围的山，但这些高度贵在真实，可到达，可触摸，每一次的攀登都享尽此刻的风景

不断攀爬在带给我痛苦的同时，也带来了喜悦和兴奋，这促使我的学习过程变成了正向 循环，我内心喷涌了源源不断的动力

而关于Vue阶段学习，这并没有多大阻力，当然也不是没有遇到一些瓶颈，从学习Vue之后，有一个事实摆在我面前，那就是，为了学习一样东西，你必须学另一样东西

• 学习Vue，你必须知道Node.js, Node.js中要会用npm

• Vue还有脚手架，Vue-cli, Vue-router，Vue-X

• 从已经熟知这些知识的开发者来说，或许它们都是为了处理同一件事存在，所以可以归为一类

• 但是我当时，纠结了，好久，直到用Vue-cli运行了第一个程序后，才解开疑惑

在开始学习Vue时，一开始并没有上手Vue-cli，而是在Js文件中引入Vue.js文件，并创建实例来使用

这让我了解了vue实例在JS中的执行就是和普通函数一样，在使用脚手架时，就不再疑惑写的代码是在哪里运行的了

有趣的时，对于Vue实例本身是个什么，我竟没有太多的疑惑

在初识某些事物时，总想要认清它的本质这种好奇心，当时没有迸发出来，不然我可能就惨了

我通过单纯的引入Vue练习的项目

简单的图书借阅管理逻辑

让我熟悉了全局组件，局部组件

在Vue-cli搭建的项目中对应了父组件，子组件

在学习完Vue全家桶后，我做了一个大胆的决定，把Node.js学了

在时间上这让我后悔了这个决定，却在收益的层面让我收获颇多

我急于求成，只让我看到眼前的

在了解Node.js的过程中，我的动力并发的更强烈了

git 之前JS的难点内容，如何使用服务器上线网站 之前感兴趣的，困扰我的内容都成了过去

但Nodejs的本身的掌握却并不好，这让我哭笑不得

随后我开始使用Vue全家桶和ElementUI些项目，完成了一些项目作品

这是第一个

• 简单的学生信息管理系统
• vue-element-stuSystem
  • 预览地址：http://sam9029.gitee.io/vue-element-stu-system

（托管在了GItee上，没有数据，不能全面展示效果，目前在想mongoDB的云服务可不可以用来（好像可以白嫖））

🐸🐸到现在在进行中的项目

• SAM-shop-PC商城项目

• 预览地址： http://sam9029.gitee.io/vue-shop

（目前在学习Vue3 ，这个项目开发学习被搁置了，还有登录验证没有完成）

---

柳暗花明又一村

目前我已经对前端的技术栈有了更进一步的了解，我很庆幸自己在上一阶段，快速的接受了框架开发模式的转变

同时在开发的思维，思想上也有长足的进步

决定学习前端技术这段时间我完成了很多学习目标，收获也很多，随之而来的问题也暴露了出来

想要写的项目变得越来越多，时间和精力也变得不够
❗❗❗
持续学习收益的曲线变缓了❗❗❗
❗❗❗
这是一个严重的问题，直接影响了我学习的动力

（这倒是让我想起了经济学原理课程学到少数容易能明白的知识，边际收益）

我明显的感觉到了这个事实，但对于如何能够解决它，从那个方面解决它，这让我很困扰

从5月开始，我正式的开始在CSDN博客写技术文章

但一开始，我感觉就像是自哀自唱一样

想一发文就有人关注，阅读量噌噌噌的涨

但是很遗憾，没有

慢慢的参加很多活动，#笔耕不缀 #21天学习挑战赛 （错过了 #挑战一夏 ）

我参加这些活动只办一件事，白嫖，白嫖 还TMD是白嫖

• 白嫖什么？当然是周边啊

• 至于我一开始其实是想写博客，提升学习收益这件事，倒是抛掷脑后了

• 但问题又来了，为了些原创的，首发的的博文，我又不得不沉下心，将以往的知识重新温习，并将其已博文的方式记录下来

• 这个过程我又感觉到了动力, 虽然**学习收益的下降问题**还是存在

写博文这件事虽然没有解决我目前最在意的学习收益的下降问题，却也带来了一个好处，不让我过分在意这个问题了

沉下心被我重新捡拾了起来

想要一目千里的确是无知，但只要沉下心，踏实的干，争取目前每一个能达到的目标，也有能实践它的自信

在上诉阶段的学习中

沉下心的心态学习的时间，充满焦灼的时间，疲惫厌学的时间

开始变得像我对成长过程中的我成大了想做什么的想法一样循环了起来

---

🐸总结

目前的学习进度

• HTML,CSS（已掌握）
• JavaScript (已掌握基础语法，DOM，DOM，ES6部分新特性）
  • 待更进一步学习
• Vue2（掌握了基本语法）
• Vue3 （已熟悉基本语法）
• 打包工具
  • webPack（已了解入门知识）
  • vite (仅限使用)
• 代码管理工具
  • git（已掌握基本用法）
• 第三方ui库
  • elementUI（已会在Vue2使用）
  • elementPlus（已会在Vue3使用）
• （待入门学习）
  • React
  • uniapp
  • 微信小程序
• 项目
  • HTML+CSS
    • JD-page-imitate: JD 京东首页 静态仿写
      • 预览地址： https://sam9029.gitee.io/jd-page-imitate
  • Vue2+ElementUI
    • vue-element-stuSystem
      • 预览地址：http://sam9029.gitee.io/vue-element-stu-system
    • (待完成) SAM-shop-PC商城项目
      • 预览地址： http://sam9029.gitee.io/vue-shop
  • Vue3+ElementPlus
    • vue3_todoApp
      • 预览地址： http://sam9029.gitee.io/vue3_todo-app
  • *(待完成)*自我简历的项目
    • Vue3+Vite+ElementPlus

我的社交网页

🐸 SAM9029 (sam9029) - Gitee.com

🐸 SAM on CodePen

🐸 SAM工作台-码笔网 (animpen.com)

此文所讲源码及项目皆在以上三个网站可查看

🐸 Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue领域博主

---

结语

至于将前端开发作为职业选择后是否后悔，这出乎了我自己的意料，并没有

但取而代之的是强烈的不安，不安的是什么，我自己也很混乱，害怕无法坚持，害怕在敷衍自己，害怕得不到想要的

我只有一个慰藉，我的心一直在告诉我，重新选择 循环也或许并没有停止，至于未来又会走向何方，我只希望没有尽头，我要一直走下去

献上我喜欢的歌曲

Felt like the weight of the world was on my shoulders
感觉像是全世界的重量强压在我的肉体之上
Pressure to break or retreat at every turn
精神无止尽的在崩溃和重新振作中循环
Facing the fear that the truth had discovered
面对着真相被发现的恐惧
No telling how, all these will work out
没人告诉你路在何方
But I’ve come too far to go back now
但我已走的太远不能回头
I am looking for freedom
我在追寻自由
looking for freedom
追寻自由
And to find it cost me everything I have
我付出一切去追寻它
																	   电影-被解放的姜戈-插曲
												《Freedom》-Anthony Hamilton / Elayna Boynton
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

---

🦖我是Sam9029，一个前端

Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue领域博主