一.前端的由来
从事前端这个行业已经有一段时间了。在这期间我也经常去思考为什么前端在这几年会得到重视。说白了，有以下几点。
1.互联网时代的进步###
互联网时代的到来，颠覆了人们的生活方式，或深或浅的影响着每一个人。很多企业越来越重视一款产品带给用户的第一的印象。毕竟，同样两款产品，在用户并未深入体验产品之前，用户首先接触的的是这款产品的色彩部分。如果第一印象很糟糕的话，那么不用说，肯定会被长按屏幕移除到废纸篓中。这就迫使企业不得不重视前端这个工种了。
2.技术进步的产物
或许你不会知道，在前端并没有形成体系化之前。用户的交互可能是通过后端服务器实现的。举个例子：用户在注册登录一个页面时，用户输入的会传输到服务器端，服务器端进行机器阅读去判断用户是否输入正确，抑或是是否有必填项没有填写，再返回到客户端给用户一个响应。这样的一个过程，可能会是一个很漫长的过程。这时，人们渐渐的发现，将这些交互验证过程置于客户端，会极大的提高用户体验度和减少用户的等待时间。
3.前后端的分离###
在前端这门技术没有得到重视之前，一个合格的程序猿往往需要同时兼具后台的逻辑和数据以及客户端页面的展现。然而，术业有专攻。能够同时具备前后端技术的大牛相比来说还是比较少的。所以，前后端分离这个概念不断得到重视。前端负责浏览器页面的色彩和交互部分，后端负责数据库进行交互以处理相应的业务逻辑。毕竟，“男女搭配，干活不累”。
二.前端需要掌控的基本要素##
- HTML(超文本标记语言)
- CSS(层叠样式表)
- Javascript(直译式脚本语言)
1.HTML是一种超文本标记语言，说白了，就是各种盛接页面内容的标签。这里的‘超’，不是超级厉害，而是超链接。是指通过超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。你需要学习的是去掌握一些基本标签的使用方法及注意项。不仅要知道如何去用，而且还需要更佳合理的使用一些语义化标签。例如，你可以一成不变的使用
去布局,然而牛逼的人会为了在以后去更好的阅读代码而采用、、``等语义化标签去布局。这样的话，从代码本身来看，也是一种人性化的阅读。
2.CSS层叠样式表。你需要知道的是，没有CSS,页面一样可以显示。只不过是'素颜'的而已，然而当今社会，又有多少素颜美女呢.....所以你需要学习网页的'化妆'手法，把自己的'女人'打扮的漂漂亮亮。这样才和前端存在的意义不谋而合。你需要学习的是掌握一些常用伎俩，如
定位、浮动、动画、flex布局等，而这些，你可以去网上找到各种资料，你需要做的只是不断的去练习和记忆。
3.Javascript(直译式脚本语言。哇，终于到了重头戏。所谓得JS者得天下，这话一点也不夸张。因为你所看到的那些炫酷的页面效果和牛逼的交互体验，通通逃脱不了Javascirpt的支持。但是，即使JS再厉害，它也是门语言，是语言，就脱逃不了
变量、对象、函数的底层实现。你需要做的，就是不断的去学习和理解这些基本概念，并且将它们加入到你的代码中，去帮你实现一些不可思议的事。
三.如何去学习Javascript##
Javascript是一门弱语言，这里的弱，并不是说它的能力弱。而是相比于Java、C等机器语言，它并没有那么强的要求规范。在强语言中，不同类型的变量声明方式不同，而在Js中，我们不关注变量的类型。一个var即可搞定一切。虽然，这对我们开发来说，可以减轻不少记忆成本。但却是有一定风险的，因为弱语言的风格，往往会让我们在编写代码时，因随心所欲而产生一些不必要的错误。所以，在工作中，优秀的代码风格，合理的注释是我们需要追求的。
关于Javascript,你必须要理解并掌握的有以下部分
- 变量（存储信息的容器）
- 对象（一系列无序属性的集合）
- 函数（完成具体功能的代码块）
变量：在JS中，变量分为局部变量和全局变量。
在
javascript中，变量的作用域是函数,定义在函数内部的变量称之为局部变量，会在函数执行时产生，函数执行完毕时销毁。定义在函数之外的称之为全局变量，全局变量的作用域是整个JS代码块，不会随着函数的执行而销毁，而会随着浏览器的关闭而销毁。在编写代码的时候，我们一定要注意这一点，因为合理的声明变量，会使我们工作起来得心应手。
对象：在JS中，万物皆对象
所谓对象，即一系列无序属性的集合。这里的属性，也包括方法。举个简单的例子：人可以看作一个对象，不同的人为不同的对象。而它们都有着自己的属性，都有眼睛、鼻子、大腿。也具有自己的方法，所谓方法，即是动作，可以完成某一项具体任务的功能，比如吃饭、睡觉、打豆豆。
函数：在JS中，函数是完成某一具体功能的代码块
你可以没有我，但你的代码不能缺少函数。因为函数是一个非常好用的工具，当我们需要重复去完成某一项任务时，函数就派上用场了。它的存在，减少了代码的冗余，极大的提高了工作效率。函数分为普通函数，和构造函数。
四.前端进阶之路
在掌握了上面关于 HTML、CSS、JAVASCRIPT后，你会发现，在实际开发过程中，很少有写原生代码的。你需要学习使用一些框架和库。如JQuery、bootstrap、Angular、Vue、React等。这些框架和库，能够大大的提高我们的开发效率。然而这些框架的使用和理解，都是建立在原生JS的基础上的，所以，不要忽略了它哦。
Last,i want tell you a secret!
(function(){
console.log("i love js.if you like my article.please give me a Big finger")
})();
