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

　　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移动设备