前端开发工程师必备技能

前端开发工程师需要懂的东西很多，下面简单列举下：

• 会点设计，不要求精湛，处理图片，设计个小广告是要的；
• 精通HTML+CSS，并能快速处理各浏览器兼容问题；
• 熟练掌握Javascript或Actionscript，精通加分；
• 熟练使用JS框架，如jQuery/YUI等，并解读过源码，熟练多框架加分；
• 精通Ajax技术，必须的；
• 精通开发调试工具，如Firebug等；
• 代码语义化，懂优化，压缩和反压缩；
• 对SEO有一定的了解，尤其是HTML结构和标签的使用；
• 高效合成CSS Sprite；
• 了解服务器方面基本知识；
• 熟练掌握一门后端语言，如PHP/ASP.NET等，绝对加分项；
• 有自己的网站（看对网站所有东西的把握）；
• 对移动开发有一定的了解和涉入；
• 熟练HTML5和CSS3技术（主要用于移动应用开发）；
• 效率开发，精湛的开发软件操作；
• 有过用户体验研究，更关注人性化页面开发；
• 了解浏览器工作原理，了解w3c标准，了解web2.0；
  **-

状态代码由三位数字组成，第一个数字定义了响应的类别，且有五种可能取值：
1xx：指示信息–表示请求已接收，继续处理
2xx：成功–表示请求已被成功接收、理解、接受
3xx：重定向–要完成请求必须进行更进一步的操作
4xx：客户端错误–请求有语法错误或请求无法实现
5xx：服务器端错误–服务器未能实现合法的请求

常见状态代码、状态描述说明：
                            200 OK //客户端请求成功
                            400 Bad Request //客户端请求有语法错误，不能被服务器所理解
                            401 Unauthorized // 请 求 未 经 授 权 ， 这 个 状 态 代 码 必 须 和 WWW-Authenticate 报
                            //头域一起使用
                            403 Forbidden //服务器收到请求，但是拒绝提供服务
                            404 Not Found //请求资源不存在，eg：输入了错误的 URL
                            500 Internal Server Error //服务器发生不可预期的错误
                            503 Server Unavailable //服务器当前不能处理客户端的请求，一段时间后，可能恢复正常
                            eg：HTTP/1.1 200 OK

前端技术栈
前端基础

以上是前端的基本功，一些HTML5的新特性，新API还有CSS3的一些新特性，以及ES6的新语法也是比较热门的，培训中都有涉及。

框架或库

这是前端常用到的库和框架，包括：
jQuery
bootstrap
requireJs
echarts
vue
angularJs
ionic
一些工具
目前用的最多的工具主要时npm模块管理工具，gulp、grunt、webpack等自动化或者模块管理工具。培训主要讲的时webpack。

前端基础–html5
html5前两年非常火，h5的主要改变有下面几点：

新增了一些结构元素，例如header，section，footer等等
新增了一些属性，例如contentEditable
新增一些表单类型，number，url等
废除了一些不那么常用或者可以通过css实现的元素
新增了一些好用的接口
与存储相关的localStroage、sessionStroage、indexedDB
与文件访问相关的FileSystem相关的接口
cache接口
canvas
video、audio
websocket
webworker
还有新增了一些事件
更多请参考：w3school

前端基础–css3
不得不说css3真的很棒，尤其是他的动画，但是学好也是很难的。css3涉及的东西如下：

选择器的扩展
一些样式，例如背景、文字、边框等等
一些布局相关的东西，例如flex，column等等
一些变形，transform
过度效果,transition
基于关键帧的动画，animation

前端新知–ES6
ES6看上去怪怪的，不过挺好玩的，我比较喜欢他的函数参数默认值，模块管理，还有promise。参考阮一峰老师的那本书，ES6的要点如下：

let 和 const 关键字
变量的解构赋值
字符串的扩展
正则的扩展
数值的扩展
函数的扩展
数组的扩展
对象的扩展
Symbol
Set 和 Map 数据结构
Proxy
Reflect
Promise 对象
Iterator 和 for…of 循环
Generator 函数的语法
Generator 函数的异步应用
async 函数
Class 的基本语法
Class 的继承
Decorator
Module 的语法
Module 的加载实现
给一段ES6的代码（是不是很怪，ps：练习代码块编写）

function bar(func = () => foo) {
let foo = ‘inner’;
console.log(func());
}

bar() // ReferenceError: foo is not defined

前端框架或库–jquery
所有学前端的不可能不知道jquery，个人认为jquery有如下特点：

强大的选择器，当然现在通过h5的api也可以实现
好用的方法
良好的兼容性
动画的支持
丰富的插件
更多请参考：jqury文档