我对前端方向的一些理解

距离上一次写手记很久了，因为工作很忙，不断切图，不断改模版改样式。我想很多从事前端工作的都是有这样的经历。今天得空上来写点东西，都是个人的理解，不足的地方希望大神多多指点。

很多前端肯定发现了，单纯的切psd写静态页面，薪资根本涨不上去，而且年龄一大很容易被淘汰，因为这些太基础，现在的培训机构，分分钟造出一批这样的。所以大家开始爬坑，往更高的地方爬。

我个人理解了四个等级：第一级，会切图，可以独立写出静态页面，样式能兼容主流浏览器（在上海，大概薪资在3K~5K）；第二级，熟练psd操作，html布局合理，并且能熟练用jq或者js给网页加上动态效果，样式以及效果能兼容到低版本ie浏览器（在上海，大概薪资5K~8K）；第三级，会js主流框架，并且能在框架的基础上再次开发，所以要理解面向对象的思想，能和后端配合好，处理好数据交互，json，ajax是要会的（在上海，大概薪资10K~15K）；第四级，不用说了，能手写js框架，js库这类的（拿年薪）；当然如果你情商很高的话，每一级的薪资都会高一些。

这里值得说的是，jq只是js库，而不是框架，很多公司招聘的时候说是框架，容易误导人。库和框架的区别：库就好比一个工具箱，里面有锤子，电钻这类，当你需要的时候拿其中一样用一用就行；框架就好比做房子时的框架，整体架构都搭好了，所以你需要遵循这个框架的一些规则，想修改的话只能在这个基础上修改，当然理解框架肯定要比库更难。说到js框架，我想推荐的是vue.js，上手容易些，而且最近很火的微信小程序提供的api和vue提供的api很类似，可以同时学习，一石二鸟。

前端现在其实有两个大方向，一个是js开发工程师，另一个是h5开发工程师。究竟什么是h5开发？首先html5并不是一项技术，而是一个标准。h5开发的具体体现就是场景应用，你开发的场景应用里面有h5的新特性，比如插入视频，音频，也就算是一个简单h5开发了。这里值得一提的就是canvas，这里水比较深，不仅要求js玩的很6，更重要的是一系列的计算以及视觉交互。很多人双十一的时候应该看过天猫做的那个活动页面。

最后顺带说一下ajax和正则，很多人可能感觉这两个东西很神秘。我们平时正则用的最多的地方就是匹配，判断条件很方便的。ajax主要用来和后端进行数据交互。

先说正则，我学习的时候，特地截了一张图，一目了然。我们只要搞懂正则匹配的规则，用起来就很简单了，多写几遍邮箱验证就行。

至于ajax，jq里面有封装好的ajax方法，很容易理解的，前端部分真的不是很难的，难的是后端，因为要写接口，尤其大数据处理，就很麻烦了。接口给我们的目的就是让我们把数据库里面的数据输出，复杂一点的可能会要我们给一个关键词，可以按照关键词筛选数据库的数据并输出，至于怎么对数据库进行操作，后端已经在接口里写好，不用担心。简不简单！

就写这么多吧，毕竟我理解的也不深，希望能对一部分人有帮助，也希望和大家多多交流，共同进步。