web前端知识框架

这是一个关于web前端的知识框架。内容包括：编码开发，开发工具，模块定义，版本管理，调试，测试。类库框架，用于浏览器，用于nodejs。理论知识，硬知识，软知识。

web前端知识框架

• 编码开发
  • 开发工具
    • 编辑器
      • sublime
        • zencoding
        • 常用插件和快捷键
      • webstorm
    • 效率工具
      • grunt
        • 各种插件
        • 配置
      • gulp
        • 相应的插件
        • 配置
      • webpack
        • 相应插件
        • 配置
  • 模块定义
    • AMD requirejs
    • CMD seajs
    • commonjs
  • 版本管理
    • git github
    • svn
  • 调试
    • chrome控制台
    • firebug
  • 测试
    • grunt
      • qunit等
    • gulp
      • 相应的插件
• 类库框架
  • 用于浏览器
    • jQuery
      • 常用API
      • 常用插件
      • 自制插件
      • 源码解读 设计思路
    • BootStrap
      • 常用样式
      • 常用插件
      • 衍生框架 如ProUI
    • fontAwesome icomoon.io
    • requirejs seajs
    • BackBone angular等
    • React
    • vue
  • 用于nodejs
    • 自带模块
      • http
      • url
      • path
      • fs
    • 其他模块
      • jquery
      • backbone
      • express
• 运行环境
  • 浏览器
    • 浏览器兼容性
      • css hack
      • javascript 例如事件系统
      • 渐进增强 优雅降级
    • 相应式布局
    • web安全
      • 同源策略
      • XSS 跨站点攻击
      • CSRF 跨站点请求伪造
      • 点击劫持
      • SQL注入
    • 性能优化
      • 压缩
      • css sprites
      • 合并 减少http请求
      • 缓存
      • CDN
      • 避免重定向
  • node
• 理论知识
  • 硬知识
    • http标准
      • http请求的过程
      • http状态码的意义
      • http头部信息
      • cookie状态管理
      • 方法 Get Post
      • https
    • W3C标准
      • html html5
        • html
        • 语义化
        • DOM
        • 2D 3D
        • 本地存储
      • css css3
        • 层叠规则
        • 选择器
        • 排版
          • position
          • display
          • 盒子模型
          • float
        • 绘制
        • 动画
      • javascript
        • DOM API
          • 增、删、改、查、移动
          • 属性操作
          • 样式操作
        • BOM API
          • window
          • navigator
          • screen
          • history
          • location
        • 事件
          • event对象
          • 冒泡 / 捕获
          • 代理
        • ajax
          • XHR 兼容性
          • GET POST
          • 异步
          • 状态监控
          • 跨域
      • JSON
      • XML
      • websocket
      • ……
    • ECMAScript
      • 语法
      • 宿主对象
      • 原型链 继承
      • 上下文环境
      • 作用域 闭包
      • 正则表达式
      • 严格模式
  • 软知识
    • 设计模式
      • 5大设计原则
      • 常用设计模式
    • 面向对象
      • 封装
      • 继承
      • 多台
    • 算法
    • 数据结构