前端体系必备的软技能和知识点

　　1.软技能

起码一种前端框架

Bootstrap
...

起码一门后端语言

php
node.js
...

起码一种CSS预处理器Les或者Sass。

学会使用SVN或Git来管理程序版本。

做个自己的个人网站，用于前端圈技术交流，并好好运营。

用熟一种程序员的编辑器，学会如何配置代码补全、外观、外部命令等，使用这些东西不是为了Cool，而是这些编辑器在查看、修改代码、配置文章、日志会更快更有效率。

做个大型的电商网站，并好好运营。

发展前端之外的兴趣爱好，关注你感兴趣的行业，有机会的话用自己所学做些产品。

前端有两个方向，一个是视觉，做更炫酷的网页，一个是功能，两手都要硬。

熟悉Unix/Linux Shell和常见的命令行。

学会一门脚本语言，如Python/Ruby。

关注互联网行业的动态，平时常常收听IT播客，如喜马拉雅上的IT公论、内核恐慌、卓老板聊科技、Teahour.Fm、IT大字报、极客电台等。有好玩的记得留言哟。

学会用Google(phrase\domain\use reader to follow tech blogs)

该好好考虑让自己的所学往移动端靠了，比如Web app\响应式\html5\原生app\Hybrid App。

熟练一种调试工具。

英语熟练。很多的最新技术文档都是英文看的。

最好懂UI设计，属于加分项。

　　2.知识点

html基础

页面头部（指定语言、文本显示方向、元信息meta、移动端适配）
文本（h1~h6、p）
图片
超链接
表格
表单
列表
frameset、iframe
多媒体

html5

标签语义化

表单新属性

多媒体新属性

Canvas

SVG

GPS定位

...

CSS以及CSS3

CSS的三种使用方法。
CSS语法是什么？

选择器

布局（display、position、float、flex）

变形

CSS动画（2D和3D）

CSS容易搞混的属性之深入了解（line-height、border-sizing、属性继承、绘制区域等）

Java基础

JS调试
基础语法、数据类型、运算符
内置对象（数值对象、Date对象、Math对象、正则对象等）
数组
函数、参数、构造函数
Json
面向对象
原型
作用域
闭包

DOM

DOM文档树是什么？
节点操作、属性操作、样式操作、事件操作（包括获取、新建、插入、删除、替换。）

数据通信和数据储存

动画

音频和视频

BOM

...

前端架构

DOM
组件
模板
工具包
路由
通信
MV*

安全方面

同源策略
XXS原理及防御（跨站点攻击）
CSRF（跨站点请求伪造）
XSRF原理及防御
点击劫持
常见网络攻击类型

html协议（常见状态码（200/302/304/404/500）、缓存控制）。

性能优化（Cookies、雅虎军规、内存溢出、事件绑定、事件代理）。

浏览器兼容性

如何判断当前浏览器内核
IE系列版本之间的差异以及Hack技巧
常见浏览器内核
盒模型
手机、ipad移动设备