初入前端——处女篇摘要：今天突然想开始写博客记录一下自己在走向全栈道路上的点点滴滴。目前处于前端入门阶段，我的起始点选择

知识体系构建

本人正在构建的GitHub 前端知识体系项目，记录整理的知识点，如果你是小白那么正好，我们可以一起学习与分享！

摘要：今天突然想开始写博客记录一下自己在走向全栈道路上的点点滴滴。目前处于前端入门阶段，我的起始点选择了前端，今天就先来记录一下本人的入坑故事以及这些天的成果。

一、入坑故事

作为被困家中近2个月的我，已经发霉了，可以说这个寒假是令我影响最深刻的一次了。正逢疫情当头，响应国家号召在家蹲着。起初，像往常寒假一般，回家后便开始了没有早上的日子，还和在学校一般每天肝需要肝的游戏，追需要追的番（最近肝的太猛页没什么时间看了）。在整个年前都是这个状态。毕竟在家中，这个样子给家人的感觉也不是很好。年初开始觉得游戏玩的没劲，不知道什么原因，突然想戒掉游戏开始步入正轨，也许是正处大三的我自发的危机感吧。自从上大学以来也没怎么好好学习，偶尔搞点名堂。现在想来好tm后悔时间浪费了，要是大一开始学习，现在也许是个小佬了，事已至此，现在开始加倍学习。虽然专业（电工）是自己当初选择的，但是真正学习之后才发现，并非所想一般，倒是更加偏爱撸代码？于是在大二下的时候开始慢慢接触编程、脚本等。因为某些外部因素，导致回到解放前。大三上倒是写起了游戏攻略，又浪费了一学期。直到至今才开始步入正轨学习前端技术。

由于今年疫情的因素使我静下心来学习，当前我已选定将来从事方向也正是我所喜爱。至今入坑前端已有5周之久。前几周每天十几个小时1.5倍速刷视频，补基础，当初大二下的时候有接触过一些html的基础视频，现在复习一下倒是挺快上手的。

二、入驻掘金

其实老早我就想写博客记录自己的学习历程，不过没决定入驻哪个平台，当初想过写个个人博客，不过还没那个实力，而且我想一步步记录从零开始的过程。之前加了一些it技术交流群，也问过一些大佬用什么写博客，自己也百度斟酌了一下，掘金平台是个口碑不错，活跃度也很高的it技术交流社区，可所谓大佬云集啊。至此选择掘金平台作为分享技术和记录成长的媒介。

三、近期所学

从过完年之后到今天（2020.3.13）已有50来天，这些天我从未间断过学习，从几乎没有基础到现在可以独立写一个博客后台管理系统。说说这些天学习的方向，前2周学习了，html5三剑客，了解了基础知识。

一、html

html相对于其他语言内容较少，主要是新增的一些标签。个人觉得html作为一个标记语言主要就是记一些标签和用途，在哪些地方使用什么样的标签是重点，还有对应标签所具有独特的属性，总之就是要多用才会记得牢，熟能生巧嘛。

二、css层叠样式

css在这三剑客中地位还是很高的，现代网站大多都是使用css来装饰网页的，远古时期的静态网站是用html写的，就比如年少时期，在3g手机上面玩的空间，就是只有文字图片的网页。自从有了css，各种花哨的动画效果、图样颠覆了前端，以前都是后端渲染，现在也轮到了前端负责。css说起来，入门还行，精通有难度，如今人们对视觉的上的要求越来越高，各种过渡和动画需求也在增加。我这些天也就学了些常用的style属性还有一些布局，并没有对响应式布局和动画、弹性盒子做深入研究，个人觉得毕竟入门阶段还是先了解个大致，知道这些东西的真正用途就好，到时候要用的时间再来学习相关用法和原理。

三、javascript

javascript可算是让我体会到了前端编程，当初以为前端没什么逻辑和数据处理，经过这几天的学真正体会到了js的强大，现在不管前后端我都使用js来写，可以说js算是我主力的编程语言，js前后端通吃，前端js老本行，后端nodejs也不差。总之我爱上了js。js属于脚本语言，不像c++和java那样，ES的语法规范现在每年更新，ES6新增的语法很好用。作为轻量级语言对开发者来说，学习的门槛没那么高，入门也快。js的高级部分我也看了一遍文档，也能了解个大概，入门阶段就是要先掌握基础用法，有能力的了解一下进阶用法，其实我觉得，不管什么语言，在学习的时候基础肯定是要牢记掌握的，至于高级用法，就算你使劲记，过一段时间也就忘了，最好的学习方法就是学以致用。高阶的用法对现在的我来说还可能没那么快接触到，知道大概，等到时候要用的时候可以迅速找到，再学习。很多东西都是要先了解，知道有这个东西，等需要的时候就能快速找到。在此之前，我基本看现在主流的编程语言的基础视频，至少现在让我看个代码我能分辨出是什么语言写的。

在js学习中我主要被困扰在了对象、原型、原型链、promise、构造函数之类的，之前没怎么接触过面向对象编程思维，经过这些天的学习和实战对这写的了解还是不错的，通过对他们的使用我，我能更好的理解和掌握。

四、杂碎

这些天也接触了一些后端语言，比如php和nodejs，当初第一个项目就是用php写的后端，不过当初没有使用框架，结果后端的逻辑处理一团糟，越弄越乱了，所以就成了半成品。了解nodejs，我发现其实就是在服务端运行的js代码，只是运行环境和api变了，对于前端开发人员来说，写后端也有了不二的选择，当前我也是摒弃了php开始使用nodejs写后端了，配合express框架感觉还不错。前端学完三剑客之后我就开始学习vuejs框架，在此之前我也是斟酌了好久，不知道入门什么框架好，后来各种百度、询问等，入坑vue，原因很简单中国人写的，而且入门门槛低，适合新手，对于中小型企业来说算是首选框架了。我也是笼统的看了一遍vue的教学视频，这里说一下，我这些天所找的资源都是白嫖来的，毕竟网络资源多，而且我还是个学生党，在资金方面投入最少，但是产生一定的效果，我觉得这才是自学至少要达到的地步。通过自学能锻炼自己的学习能力和找资源的能力，不是一定花钱的才是好的，可能是因为花了钱才会懂得珍惜，但是个人觉得学习是自己的事情，和钱没关系。现在的我对技术的渴望，就好比我当初对游戏的热情。我想现在朝着这个方向下去，在毕业前一定能掌握前端技术核心，满足社会的需求，不过现阶段的目标是今年秋招找个不错的企业，顺利实习一波，补一下项目方面的知识，如果暑假运气好能找到前端实习机会那是更好了。

五、近期成果

第一个项目

第一个项目是在我学完三剑客基础和php之后花了2周做的，其实这50天的学习，我在项目方面倒是花了不少功夫

技术栈:html5、mysql、php、jQuery等

实现的功能：

正常的注册、登入也可通过短信的方式，接入了腾讯sms。

主界面轮播图、显示头像

用户管理界面，上传头像、修改相关资料、注销账号、记录登入时间

第二个项目

第二个项目是全程跟着视频学习的，就是这个项目让我接触了vue和node还有elementUI、express、mongodb等，虽然是跟着视频复刻的，整项目的代码还有期间的查错都是个人完成的，通过第一个项目的血泪教训，让我体验到了，有和没有使用框架的感觉，有框架就很清晰，没框架一团糟。毕竟框架就是提高生产力的工具，只要你会用。