Web前端技能树

web前端需要具备哪些技能？我们通过这张思维导图一起来学习了解！

Web前端技能树

• 性能优化
  • yahoo 14条军规
  • 内存泄露
  • 事件绑定 事件代理
• HTML5和CSS3
  • 浏览器兼容性
  • HTML5标签
  • 本地存储
  • canvas
  • 语义化
• 常用的基础类库
  • JQuery
  • YUI
  • EXTJS
  • prototype
  • DOJO
• 浏览器兼容
  • 浏览器内核判断
  • IE个版本之间的差异
  • 常见的浏览器内核
  • 移动终端设备
  • IE和非IE事件的绑定
• JS源文件管理
  • 混淆与压缩
  • 注释与文档管理
  • 版本控制
  • 按需加载与依赖注入
  • 采用MVC架构
• Web前端攻防
  • CSRF攻击方式
  • XSS攻击方式
  • Clickjacking攻击方式
  • cookie劫持
• HTTP协议
  • URL
    • http
    • host
    • port
    • abs_path
  • HTTP请求
    • GET
    • POST
    • PUT
    • DELETE
  • HTTP响应
    • 2xx
      • 200
    • 3xx
      • 301
      • 302
      • 304
    • 4xx
      • 400
      • 401
      • 403
      • 404
    • 5xx
      • 500
      • 503
  • HTTP消息报头
    • 普通报头
      • Cache-Control
      • Date
      • Connection
    • 请求报头
      • Accept
      • Authorization
      • Host
      • User-Agent
    • 响应报头
      • Location
      • Server
    • 实体报头
      • Content-Encoding
      • Content-Language
      • Content-Length
      • Content-Type
      • Last-Modified
      • Expires
• CSS
  • 预编译框架
    • Less
    • Sass
    • Stylus
  • 主流版本
    • 2.1
    • 3.0
  • 浏览器兼容
    • css hacks
    • selectors
    • property/value
  • “新”版本“新”特性
    • 基于内核
      • webkit
      • ms
      • etc
    • 现代浏览器的通用新特性
    • 跨职责调用DOM属性接口
    • 媒体属性
  • layout
    • 布局方法论
    • 中文可视优化
      • typo.css
      • yue.css
• Javascript
  • JavaScript基础
    • 类型及类型判别
    • JSON以及XML的区别和各自优缺点
    • 定时器
    • 数组
    • 对象和函数
    • 事件绑定
  • JavaScript高级
    • 闭包
    • prorotype原型连
      • 内存分配
      • 对象声明
      • 继承
    • 作用域链
  • Ajax基础
    • Ajax运行原理
    • ajax跨域请求
    • ajax异步文件上传
    • 返回数据合法性校验
  • 框架
    • emberjs
    • angularjs
    • ionic（移动端框架）
    • KISSY(KISSY,Kimi,Mobile)
  • 库
    • 核心库
      • jquery
      • underscore
      • zepto
      • KISSY(Alibaba-inc)
    • 报表库
      • HighChart/Stock
      • DataTable
    • 动画库
      • Raphael
      • D3.js &&衍生库
    • 其他功能库
  • 语法
    • 手册
    • 语法糖增强 Coffeescript
  • 包管理
    • bower
    • NPM
      • 自建仓库CNPM
  • 单元测试
    • QUnit
    • YUI Test
    • Jasmine
    • Mocha
  • 调试工具
    • Chrome Developer Tools
    • Firefox Firebug
    • Opera蜻蜓
    • IE 开发者工具/IE 调试条for IE6
    • Fiddler/Charles/Wireshark
  • 部署工具
    • Gulp
    • Grunt
    • Broccolli