---
layout:     keynote
title:      "JavaScript 模块化七日谈"
subtitle:   "Keynote: JavaScript Modularization Seven Day"
iframe:     "http://huangxuan.me/js-module-7day/"
date:       2015-07-09
author:     "Hux"
header-img: "img/post-bg-js-version.jpg"
tags:
    - 前端开发
    - JavaScript
---


> 下滑这里查看更多内容

7月9日，我在公司内部进行了名为「JavaScript 模块化七日谈」分享，并将该 Slides 分享到了微博上。出乎意料地，这篇微博先后被 @JS小组 @尤小右 @寸志 等近 200 人转发，阅读达到 10w，获得了还不错的评价。

于是，我决定将它重新发到我的博客上，并为它专门制作了适用于 Keynote 展示文稿的新布局。它能自动根据屏幕大小/旋转以一定比例填充屏幕，你也可以直接点击下方链接在新页面打开，来获得更好的、沉浸式的全屏体验


### [Watch Slides →](http://huangxuan.me/js-module-7day)

<img src="http://huangxuan.me/js-module-7day/attach/qrcode.png" width="350" height="350"/>

<small class="img-hint">你也可以通过扫描二维码在手机上观看</small>


这个 Web Slides 开源在[我的 Github 上](https://github.com/Huxpro/js-module-7day)，欢迎你帮助我完善这个展示文稿，你可以给我提 issue，可以 fork & pull request。如果它能帮助到你了，希望你还能不吝啬 star 一下这个项目


### Catalog

- 第一日 上古时期 ***Module?*** 从设计模式说起
- 第二日 石器时代 ***Script Loader*** 只有封装性可不够，我们还需要加载
- 第三日 蒸汽朋克 ***Module Loader*** 模块化架构的工业革命
- 第四日 号角吹响 ***CommonJS*** 征服世界的第一步是跳出浏览器
- 第五日 双塔奇兵 ***AMD/CMD*** 浏览器环境模块化方案
- 第六日 精灵宝钻 ***Browserify/Webpack*** 大势所趋，去掉这层包裹！
- 第七日 王者归来 ***ES6 Module*** 最后的战役

### Thanks

[Reveal.js](http://lab.hakim.se/reveal-js)
