前端学习计划汇总

1.测试篇

• mocha测试框架
  • 阮一峰实例教程
  • Mocha官网
  • Mochawesome——可以生成漂亮的HTML格式的报告
• assert断言库
  • assert中文API文档
  • assert使用示例
• should.js
• Travis CI 用于构建项目NodeJs环境中的配置示例
• karma浏览器端自动测试框架

 

2.javascript基础

• 多变的this
• 继承
  • 示例
  • 练习
• 闭包
  • 示例
• DOM
  • 示例
• Event
  • 示例
• 函数节流
  • 示例
• 跨域方案
• 正则表达式
• Promise & Stream：NodeJS环境 & Generator：yield关键字 & async function：原生实现
• Service Worker

 

3.css

• 清除浮动
• 圣杯布局-flex
• 圣杯布局-浮动、定位、负边距
• 双飞翼布局-浮动、负边距
• 水平居中、垂直居中、水平垂直居中

 

4.框架

connect：没有generator，async function

KOA基于 Node.js 平台的下一代 web 开发框架。是connect进化版，Node 8.0有async function，Node 6.0有generator

egg：正式项目用这个框架的多一些

 

5.其他

浏览器同源政策及其规避方法

XMLHTTPRequest

window.postMessage

 AMD & CMD

ComminJS

nvm：切换node版本

Javascript线程模拟器 cnblogs.com/justany/archive/2013/01/25/2874602.html

JS模块化实现

webkit-dwarf：加载器

每个模块的作用：
1._resolvePath：处理路径
2.Cache：存loader实例
3.Def：处理堆栈
4.Loader：加载js
5.makeRequire：处理不同的baseURL所以要有个函数生成不同的require

 

6.学习资料：

杨文坚博客

awesome-nodejs

入门Webpack，看这篇就够了

阮一峰博客