随着互联网的发展，Web前端开发成为目前最火热的岗位。Web前端开发的技术知识也是在不断更新，致使Web前端开发工作变得越来要复杂；以前，只要会编写HTML, CSS 和Java就能够找到一份不错的前端开发工作。而现在，web开发远远不止是简单编码，人们对于互联网的要求也越来越高，web前端开发技能也就更多了。对于Web前端初学者而言，应该如何学习Web前端呢？下文是Web前端开发新手的六个建议和经验技巧，希望能对大家学习前端一些帮助。
夯实基础
要成为一名年薪30W的前端工程师，基础一定要掌握牢固，基础知识一问三不知，岂不是要贻笑大方。
css，js基础知识一定要掌握得很熟练，你能使用css实现斑马条纹背景，毛玻璃效果吗？能给图片实现滤镜效果，能实现所有自适应布局效果吗？原型，原型链，闭包是实现设计模式的必备知识，你真的弄懂了吗？闭包导致内存泄漏的原因是什么，你弄明白了吗？ajax跨域的解决方案你可以说几种？9102年了，你还是只告诉我jsonp吗？http协议有了解过吗？如何在http协议中实现不缓存静态资源？
现在是9102年了，这些问题老掉牙了。可是我要告诉你的是，掌握好这些老掉牙的基础，就是很重要。上层的技术可以变更的很快，基础变动很慢，投入时间学好基础，性价比很高。
深究原理
Angular，React,Vue框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前端，绝不能成为单纯的”API调用工程师”，一定要掌握框架背后的原理性知识。
Virtual DOM diff算法，双向绑定原理等等框架背后的机制都值得我们去学习。框架API可以更新很快，而他们背后的原理都是相似的，学好原理既可以让我们对框架底层了解更深入，又可以使我们迅速掌握不断更新的框架表层。只会用框架永远也成不了大神。
养成做笔记的习惯
做笔记的目的是为了更好记忆和理解学习到的东西。因为学习过程中会遇到各种各样的问题，有些是当时不理解或者是找不出原因的，有些是很容易被忽视的，记录下来，当下次遇到同样或者类似的问题时，你能快速得解决，或是弄懂以前不完全理解的知识。
做笔记有很多方法，例如写博客，用APP(印象、有道)等方式。
注重细节
在工作中，做事得过且过的人往往难堪大任，作为前端工程师，亦不例外。”代码能用就行”的认识往往是初级程序员的通病。作为有在技术道路上有理想的工程师，一定要对自己的代码严格要求，精益求精。
比如HTML一定要注意语义化以方便SEO优化，该用<section>，<head>，<foot>的地方不能一股脑儿用<div>完事;css中编写样式时不能页面上样式是有了，类名和属性排序写得一塌糊涂，建议大家按照BEM规范编写风格良好的代码；js中变量命名随意是很常见的不规范行为，一个不直观的变量名往往使同事看了脑袋大。
“代码千万行，注释第一行。命名不规范，同事两行泪。“一首流行诗，饱含了多少程序员的血与泪。
登高见远
前端经历了这么多年的飞速发展，早已成为浩瀚的大海。如果闷着头独自钻研苦学，那无疑是很慢的。
如果我们直接去跟随大神学习，那将会使我们快速成长。github上有很多优秀的前端项目，仔细研读这些项目的代码，在commit记录中查看编程思想和逻辑的进化过程，就是一场与大神直接的面对面交流，是一场绝妙的学习之旅。
现在网络课程也十分丰富，有很多技术大牛的课程让我们直接通过视频生动的讲解快速地学习技术，这何尝不是一种向大神快速学习的方式呢。
良书益友
虽然现在网络上各种文档、博客文章已经很丰富了，但是对工作经验不足，基础薄弱的同学来说，随手拿起书，时时能学习才是王道，查漏补缺，完整地夯实基础。
读优秀的源码，并自己造轮子
这里说的读源码是只读取一些优秀插件或框架的源代码，因为这些代码里面会有很多的应用技巧、基础扩展、设计模式等，这些都是很好的学习demo。学会别人优秀的源码，更易于自己造轮子，造轮子是为了自己更好的去理解使用技巧和应用场景。
参与项目
简单的来说就是把自己的插件或组件或框架当作一个产品来做，当自己学习到的知识应用到里面去，让你的代码能够应用到更多的场景或者再某一个应用场景下发挥更大的作用。
技能的应用技巧学习很重要，但一个人的心态和态度更加重要，所以要敢于表现自己，督促自己不断学习，有一颗向上的心，好好的计划自己的工作和学习，希望每个前端都能打造自己的产品。
紧跟潮流
现在的前端技术体系更新十分迅速，想着要不要尝试用下Vue的事仿佛还在昨天，今天一觉醒来就看到尤雨溪宣布要开发Vue3.0了。
前端体系中这两年SPA已经不是新名词，PWA，SSR，小程序愈发流行，前端微服务化的趋势也应运而生，RN,electron在移动端，桌面端的使用也越来越多，ES10标准的发布也没几个月了。
所以最重要的是突破当前岗位需求的设限，对各种技术融会贯通，创造新的技术框架，做技术的领头羊，适应时代发展。
技术人成长不能再单打独斗，要学会与人交流，学会将别人的知识为自己所用。如果你依然觉得有些茫然，不如跟有多年前端开发经验的资深工程师聊一聊。
最后，想学习前端的小伙伴们！
如果还在IT编程的世界里迷茫，不知道自己的未来规划，学习没有动力，东也学一下，西也学习一下，那你可以加入web前端学习交流群：539738200, 里面有大神一起交流并走出迷茫。新手可进群免费领取学习资料，分享一些学习的方法和需要注意的小细节，每晚八点也会准时的讲一些前端的小案例项目。
点击：加入群
如果想看到更加系统的文章和学习方法经验可以关注的微信号：‘web前端技术圈’或者‘webxh6’关注后回复‘2019’可以领取一套完整的学习视频