写给自己也写给准备进入前端或初入前端的你

首先想和大家说的：想在技术上走的更远，需要你不断的去学习，一旦有一天你开始懈怠了，你再想跟上技术的洪流，很难很难

时间匆匆，从第一次接触到前端到如今也有快2年的时间了，自己也从一个前端小白变成了一个不算小白的前端小菜鸟。。。

写这篇文章，是想和大家聊聊前端这些事，也和大家说说自己这两年自学前端中，探（瞎）索（整）前端所踩到的坑。

我虽然是计算机专业，但学的都是java、.net这些课程，前端这些相关知识只知道HTML。直到大三时参加了前端（移动端方向）制作的一个比赛，记得那时不知道怎么就搜到了MUI，凭着自己扎实的电脑基础（CVR设计模式），用HBuilder拼出了一个还不错的（伪）前（静）台（态）页面，至于比赛结果吗（自己想）。这次比赛时间不长，但是也给自己打开了进入前端的大门 P.S:不归路。

初进前端，当然是到处去找前端的资料了，于是我就（百）先（度）搜了一些资料，然后加了各种前端相关的群，当然大多数加入后发现都是培训公司建的群，里面也还是有一些资料的，只是太过散乱了，这类型的资料也比较老，个人不建议。也加了微信的各种公众号，这些公众号很多都是带着培训公司广告的，什么加好友给资料，最新最全，几个T,几百个G的那种，现在让我来讲，不建议加，但当时吗。。。我也不知道，反正网盘里全是那种资料。所以说，有一个引导者非常重要。

他起码能够告诉你，基本的学习路径，网上别人说的你可能不会去听，其实网上的前端学习过程很全面，也很详细。当然，淘宝上卖的资料也很多，但一般网上都能搜到，新的资料也不是很多。比较新的就是一些培训公司里传出来的，可我看了一些发现他们讲的东西近几年似乎都差不多。也有一些视频资料里写着几天精通HTML+CSS啦，几天精通JS啦。这些，我当然都看过，但是看完之后只能说，啥都讲不明白，但又有些东西。这类型的资料，新人没必要看，也看不太懂。已经入门的就不说了，看视频哪有看文档学的快，学的全。各类技术文档其实是最好的学习资料。

刚开始学时，给我印象最深，掉坑里最严重的就是，在淘宝上买了一套看着挺全，内容丰富的视频。看了足足二个多月（早8晚10），都没看完。。。学的很多，会的不多。他只讲怎么做，但从来不讲为什么这么做，根本不知道自己在做什么。

看别人的博客，双飞翼，圣杯，等高布局，特别好奇说的是什么。再看到BFC,雪碧图（现在用的不多），懒加载之类的更不用说，只能百度。。我立马就放弃这类视频了，转投W3C的怀抱。初学者：多去W3C看看，入门其实看它就足够了。

学了一些东西，要想找些资料的话，还是建议去github上，技术博客多瞅瞅。看书，我这个人不太建议看书，在技术发展这么快的情况下，书出来了，这东西几乎就已经过时了，当然红皮书这类基础性书籍还是值得看看的，觉得太厚看不下去的话，JS面向对象编程指南也还可以（我当初就看的这本，觉得还行）。

瞎聊的也就前面这么些了，来聊聊其他的吧。

前端是一个入门易深入难得一个职业。前端的知识全部分开，单个拿出来都挺好学，难就难在你如何很好的把它们融合在一起。

前端包含了很多的技术,细分起来也就这么几类。

• 前端三大件：HTML,CSS,JS。（HTML5+CSS）;
• JS库：JQ,Vue,React,Angular和一些其他JS库;
• CSS框架：Bootstrap,AUI,YUI和一些其他CSS框架；
• 其他工具：webpack,npm,git,svn等。
• 一些必备知识：HTTP,跨域,异步加载,雅虎军规这些也是必不可少的。

听说deno出来后有人说: 别再更新了，学不动了哦(●ˇ∀ˇ●)

我现在也只是个初中级前端，聊的东西也只是比较基础的。等想到啥了，再来更新。

对于初学和初级前端工程师来说，把三大件学好（包括H5和CSS3）非常重要，要保证自己在拿到一个设计图后，能够很好的将它还原成HTML页面。可以多拿一些做好的成品试手，像百度、淘宝之类的。不要眼高手低，除非你准备做JS工程师，可以不太关注样式这些。除了三大件，也要去多了解了解必备知识，像前面说的，BFC，跨域，HTTP之类的总该知道的。

node被作者否定了，但他依然有人维护，deno好不好，没真正应用到实际项目上谁也说不好。我们可以去了解前端的新技术，但不要深入，知道有这项技术，扩充下自己的知识面就好，等技术到了或者需要它的时候再去深入学习。

基础垒好，框架，插件都是小问题。

好了，今天就说这么多了，休息去了，以后每天都来总结自己当天所遇到的问题。

希望共勉，晚安，好梦！