#This is CodeDreamfy's Blog 自学前端指导书

##One. 基础部分

• 面试所有需要掌握的知识点，每日一问［Wiki］

###书籍

• ECMAScript部分(Core JavaScript & BOM & DOM)
  • javascript权威指南
    • 词法结构
    • 类型、值和变量
    • 表达式和运算符
    • 语句
    • 对象
    • 数组
    • 函数
    • 正则表达式
    • web浏览器中的JavaScript
    • window对象
    • 脚本话文档
    • 脚本化css
    • 事件处理
    • 脚本化HTTP
  • javascript 秘密花园
  • javascript 语言精髓
  • javascript 代码段
  • javascript 语言精髓与编程实践
  • 高性能 javascript
  • 响应式Web设计
  • 你不知道的JavaScript
  • 深入浅出Nodejs
  • 待续
• jQuery部分
  • 锋利的jQuery
  • jQuery代码段
  • jQuery技术内幕
  • 待续
• CSS部分(css2.1修正版 & css3 & html5)
  • css权威指南
  • 精通css2
  • css代码段
  • 图解css3
  • html5等
  • 待续

###技能学习

• Git & GitHub使用(Wiki)
• 前端自动化工具
  • gulp
  • yomen等
  • anywhere
  • nginx
• css预处理与后处理器
  • Less & Sass & PostCss
• CMD & AMD 标准
  • seajs
  • requirejs
• web标准规范
  • BootStrap标准
  • 其他标/NEC
• 常用animate动画编写
  • Loading加载动画
  • 播放音乐动画
  • 展示动画
• 常见插件封装编写
  • 轮播
  • 瀑布流
  • 自定义下拉列表
  • 各种遮罩
• 简单算法
  • 快速排序、冒泡排序、二分法、递归、阶乘
  • 栈的实现
  • 倒计时、格式化时间等
• 兼容性
  • 各浏览器hack写法(包括ie低版本系列)
  • 浏览器内核区别
  • 各浏览器常见bug总结
  • 渐进增强与优雅降级
• 布局与样式
  • 经典布局、圣杯、自适应伸缩布局、全屏
  • 淘宝菜单、弧形触发区域
  • 快速样式编写
• photoshop技巧
  • CC自动切图
  • 雪碧图制作
  • 各种格式区别
• web优化 & 断点调试
  • chrome控制台
  • js调试
  • 图片压缩

###工作常用的插件/库／框架

• 插件
  • videojs
  • bxslide
  • fullpage
  • myCutomScroll
  • swiper2,3
  • fancybox
  • 懒加载
• 库
  • animate.css
  • createjs & threejs & tweenMax
  • underscore.js
  • jquery
  • Lo-Dash
• 框架
  • backbone.js
  • ember.js
  • Angular.js