学web前台开发写给新手的建议，超实用

随着互联网的发展，Web前台开发成为目前最火热的岗位。Web前台开发的技术知识也是在不断升级，致使Web前台开发工作变得越来要复杂；以前，只需会编写HTML, CSS 和Java就能够找到一份不错的前台开发工作。而现在，web开发远远不止是简单编码，人们对于互联网的要求也越来越高，web前台开发技能也就更多了。对于Web前台初学者而言，应该如何学习Web前台呢？下文是Web前台开发新手的六个建议和经验技巧，希望能对大家学习前台少量帮助。

夯实基础 ：要成为一名年薪30W的前台工程师，基础肯定要掌握牢固，基础知识一问三不知，岂不是要贻笑大方。 css，js基础知识肯定要掌握得很熟练，你能使用css实现斑马条纹背景，毛玻璃效果吗？能给图片实现滤镜效果，能实现所有自适应布局效果吗？原型，原型链，闭包是实现设计模式的必备知识，你真的弄懂了吗？闭包导致内存泄漏的起因是什么，你弄明白了吗？ajax跨域的处理方案你可以说几种？2019年了，你还是只告诉我jsonp吗？http协议有理解过吗？如何在http协议中实现不缓存静态资源？ 现在是2019年了，这些问题老掉牙了。可是我要告诉你的是，掌握好这些老掉牙的基础，就是很重要。上层的技术可以变更的很快，基础变动很慢，投入时间学好基础，性价比很高。

深究原理：?Angular，React,Vue框架和脚手架的普及，越来越多的前台工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前台，绝不能成为单纯的”API调用工程师”，肯定要掌握框架背后的原理性知识。 Virtual DOM diff算法，双向绑定原理等等框架背后的机制都值得我们去学习。框架API可以升级很快，而他们背后的原理都是类似的，学好原理既可以让我们对框架底层理解更深入，又可以使我们迅速掌握不断升级的框架表层。只会用框架永远也成不了大神。

养成做笔记的习惯?： 做笔记的目的是为了更好记忆和了解学习到的东西。由于学习过程中会遇到各种各样的问题，有些是当时不了解或者者是找不出起因的，有些是很容易被忽视的，记录下来，当下次遇到同样或者者相似的问题时，你能快速得处理，或者是弄懂以前不完全了解的知识。 做笔记有很多方法，例如写博客，用APP(印象、有道)等方式。

注重细节?： 在工作中，做事得过且过的人往往难堪大任，作为前台工程师，亦不例外。”代码能用就行”的认识往往是初级程序员的通病。作为有在技术道路上有理想的工程师，肯定要对自己的代码严格要求，精益求精。 比方HTML肯定要注意语义化以方便SEO优化，该用的地方不能一股脑儿用 完事;css中编写样式时不能页面上样式是有了，类名和属性排序写得一塌糊涂，建议大家按照BEM规范编写风格良好的代码；js中变量命名随便是很常见的不规范行为，一个不直观的变量名往往使同事看了脑袋大。

“代码千万行，注释第一行。命名不规范，同事两行泪。“一首流行诗，饱含了多少程序员的血与泪。 登高见远 前台经历了这么多年的飞速发展，早已成为浩瀚的大海。假如闷着头独自钻研苦学，那无疑是很慢的。 假如我们直接去跟随大神学习，那将会使我们快速成长。github上有很多优秀的前台项目，仔细研读这些项目的代码，在commit记录中查看编程思想和逻辑的进化过程，就是一场与大神直接的面对面交流，是一场绝妙的学习之旅。本次给大家推荐一个免费的学习蔻qun，前面484 中间757最后760，群里有学习教程和开发工具

现在网络课程也十分丰富，有很多技术大牛的课程让我们直接通过视频生动的讲解快速地学习技术，这何尝不是一种向大神快速学习的方式呢。

良书益友?：尽管现在网络上各种文档、博客文章已经很丰富了，但是对工作经验不足，基础薄弱的同学来说，随手拿起书，时时能学习才是王道，查漏补缺，完整地夯实基础。

读优秀的源码，并自己造轮子 这里说的读源码是只读取少量优秀插件或者框架的源代码，由于这些代码里面会有很多的应用技巧、基础扩展、设计模式等，这些都是很好的学习demo。学会别人优秀的源码，更易于自己造轮子，造轮子是为了自己更好的去了解使用技巧和应用场景。 参加项目 简单的来说就是把自己的插件或者组件或者框架当作一个产品来做，当自己学习到的知识应用到里面去，让你的代码能够应用到更多的场景或者者再某一个应用场景下发挥更大的作用。

技能的应用技巧学习很重要，但一个人的心态和态度更加重要，所以要敢于体现自己，督促自己不断学习，有一颗向上的心，好好的计划自己的工作和学习，希望每个前台都能打造自己的产品。

紧跟潮流?现在的前台技术体系升级十分迅速，想着要不要尝试用下Vue的事仿佛还在昨天，今天一觉醒来就看到尤雨溪宣布要开发Vue3.0了。 前台体系中这两年SPA已经不是新名词，PWA，SSR，小程序愈发流行，前台微服务化的趋势也应运而生，RN,electron在手机端，桌面端的使用也越来越多，ES10标准的发布也没几个月了。

所以最重要的是突破当前岗位需求的设限，对各种技术融会贯通，创造新的技术框架，做技术的领头羊，适应时代发展。 技术人成长不能再单打独斗，要学会与人交流，学会将别人的知识为自己所用。假如你仍然觉得有些茫然，不如跟有多年前台开发经验的资深工程师聊一聊。